missing FA classes in template

kasoncorp

I'm using the Shop and Buy template for Joomla 3 and trying to setup the News Pro GK5. I selected the "News News - Slider" module mode. When I view it on my front page the left/right arrows are missing. I looked at the HTML/CSS and it is callign for class "fa fa-chevron-left" and "fa fa-chevron-right". However neither of those classes are defined in CSS anywhere. It looks like there are a number of other pages in the template calling for variations on the same FA class ... what is the shortest path to fix this?

aman204

kasoncorp Can you provide direct link to the respective page where specific widget is enabled so as to take closer look

Also, Probably, The steps outlined in the tutorial can be of help 🙂

kasoncorp

The site is still in development so it is not available on the internet. I have reinstalled the entire site using the quick start Joomla package (gk_shopandbuy_quickstart_j3.zip) and still no fa classes. It seems the theme is incomplete, please advise

aman204

kasoncorp Have tried replicating the relative issue on local install however the same appears fine with icons output. Ref: Screenshot alike demo site - https://demo.gavick.com/wordpress/shop_and_buy/?page_id=506

You can post the relative link when the site will be available online so as take closer look thereon 🙂

kasoncorp

Thank you for the reply. I do not see the "fa" class or any variation of that class anywhere in your example. The Shop and buy template includes the extension "News Show Pro GK5". I set the slideshow to "News News - Slider". The slider should have arrows on the left and right side. These are the missing icons I am referring to. In this case, it references class "fa-chevron-left" and "fa-chevron-right". These classes are missing from the template and/or the Slider extension. Please see advise. I've included a screen show of the HTML I am referring to.

aman204

kasoncorp As apparently seen, You had selected wrong tags and posted in GK WordPress Themes which has lead to confusion and ambiquity in addressing your query as, I had posted my response after reviewing specific wordpress theme.

Checking the same in local install with Joomla template now and will reply soon 🙂

aman204

kasoncorp You may wish to try module mode as Product Gallery which would give you almost similar styling and functionality with arrows on both side. Ref: Screenshot as the specific "News News - Slider" module mode isnt fully supported with VM as apparently seen.

If still wishing to use "News News - Slider" module mode, Live site link would be needed in order to have closer look

kasoncorp

I'm not using VM, I'm using K2 as the source. Regardless, the extension is calling for the FA class. How do I resolve this? Can you update the template so that it has the correct/valid references?

aman204

kasoncorp Regardless, the extension is calling for the FA class. How do I resolve this?

Taking your screenshot into reference, You may try add this to custom css field or override.css as per documentation here

.fa-chevron-left::before {content: "\f053";} .fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fa-chevron-right::before {content: "\f054";}

Although, It is quite necessary to have external file reference for fontawesome as outlined in tutorial above for fontawesome icons to appear if the same is not present in the head section of your website