Forum Support

Shape 5
March 29, 2024, 03:21:56 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Zoka Template Ionicons change  (Read 676 times)
proacmc
Jr. Member
**
Offline Offline

Posts: 13



« on: January 07, 2015, 06:24:46 AM »

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
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: January 07, 2015, 01:21:11 PM »

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,
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
proacmc
Jr. Member
**
Offline Offline

Posts: 13



« Reply #2 on: January 22, 2015, 02:24:24 AM »

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?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: January 23, 2015, 06:07:50 PM »

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.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
pjbg
Jr. Member
**
Offline Offline

Posts: 42



« Reply #4 on: February 01, 2015, 06:08:36 PM »

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.

Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: February 02, 2015, 05:51:26 PM »

Hello,

Thanks for posting your detailed findings.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.