Forum Support

Shape 5
March 29, 2024, 01:42:33 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: About Us Module Ion icons  (Read 1157 times)
Ruminator
Jr. Member
**
Offline Offline

Posts: 120



« on: March 20, 2017, 01:31:32 PM »

I wrote earlier about other modules with the ion icons not seeming to work.
Same thing with the "About Us" module. When I try to simply swap out the ion icon names with those provided by the ion icons website, I get a blank.
I obviously am doing something wrong.

Can you give an example of how I would insert the following, to show a flower as seems to be suggested by the ion icons website

Existing code in the module

<div class="overlay_whiteback_icon"><span class="ion-settings whitebacki"></span> <strong>Tree Work</strong></div>

Suggested code from ion-icons site

<!--Basic: auto-select the icon based on the platform -->
  <ion-icon name="flower"></ion-icon>

  <!-- Advanced: explicity set the icon for each platform -->
  <ion-icon ios="ios-flower" md="md-flower"></ion-icon>
             
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: March 20, 2017, 01:59:17 PM »

Sure, it would look like the following:

Code:
<div class="overlay_whiteback_icon"><span class="ios-flower whitebacki"></span> <strong>Tree Work</strong></div>
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
randelld
Jr. Member
**
Offline Offline

Posts: 14



« Reply #2 on: July 06, 2018, 02:38:02 AM »

This doesn't work for me
This is what I have     <div class="overlay_whiteback_icon"><span class="ion-android-home whitebacki"></span> <strong>Medical</strong></div>
If I change it to <div class="overlay_whiteback_icon"><span class="ion-flask whitebacki"></span> <strong>Medical</strong></div>
I get blank

Please help
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: July 06, 2018, 10:35:17 AM »

Hmm would you be able to post a URL where you have this code so I can take a first hand look? I need to see why its not showing as I am not sure off hand.

Thanks
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
randelld
Jr. Member
**
Offline Offline

Posts: 14



« Reply #4 on: July 10, 2018, 03:30:01 AM »

http://www.glassprecision.com/
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: July 10, 2018, 10:32:08 AM »

Ah I see why. This icon is included in Version 2 of IonIcons which is what Vertex is running. Please see the following page for icons that will work:

https://ionicons.com/v2/cheatsheet.html

They recently updated to version 3 so now you have to go to this URL.
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
randelld
Jr. Member
**
Offline Offline

Posts: 14



« Reply #6 on: July 10, 2018, 11:24:22 AM »

Thank you
That's better
Logged
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.