Shape 5

Hi,

I have the Zoka Template installed in Joomla 3 and wish to change the Ionicons that are contained in the horizontal accordion module top row 1-1 and also in modules on top row 3, how do I do this whilst still keeping the circles? Also how do I change the colours of the Ionicons?

Thanks

Hello,

Can you check this thread out, this might help.

http://www.shape5.com/component/option,com_smf/Itemid,75/topic,37472.0/

Let me know if you still need help

Regards,

Hello,

Thx for the link but still struggling to find where in the Template CSS the ionicons are for top_row3 that are in the circles as would like to change them. Three have gone missing since I edited the WYSYWIG in the HTML Module? I also note the Horizontal Accoridan ionicons are in the CSS Template but they no longer show on the page?

Hello,

The physical coding for where the icons are implemented are in the Module Manager in those sections. In the Global Configuration change your editor to "None" and then revisit the modules. Often times editors strip or remove specific spans that have no content such as icons. Changing the editor to None will allow you to see the raw coding without any modifications and change the icons that way.

We have only stylized specific icons in the CSS files that were used as there are thousands of icons available.

I struggled with this until I learnt more about Ion Icons and also that the "CSS" and "Fonts" file versions in the site shaper were out of date (1.5.2). Current version is 2.0.1.

(I changed the icons to what I wanted but they didn't appear)

Sorry if this information is posted elsewhere but hope the following helps:

Go to http://ionicons.com/ and select the icons (make a note of their names) you would like to use (as it turned out the icons I wanted were not in the 1.5.2 version - hence why they did not work on my site).

Download the ZIP file from the ionicon website, unzip and copy the CSS and fonts folder into the ionicons folder in the CSS folder of your template (I renamed the old files first just in case my theory was incorrect).

Now you have the latest CSS and fonts files for the rest of your coding to work - particularly if you're referencing a new ionicon that is only available in the latest release.

Hello,

Thanks for posting your detailed findings.