Docs

[jpendergrass]

I have attempted to change the menu icons but for some reason they won’t change. The only icons that are working are the ones that were in use as part of the demo theme I installed. As a result I have disabled all icons in my menu.

Now I cam trying to use an icon in a button and no matter what icon name I put into the short code, it shows the same icon. I am want to show the users icon and it is always showing the star icon. I am attempting to put this code in a widget to show buttons.

Here is my code:

<div>
     <a class="x-btn x-btn-large" href="http://janicebowling.com/volunteer" title="Volunteer" data-options="thumbnail: ''"
<i class="x-icon mvn mln x-icon-users" data-x-icon=""></i>
Volunteer
</a>
</div>  
        

I am using cornerstone so I am not sure why this is not working.

Please help.

[John Ezra]

Hi there,

Thanks for writing in! When using code like <i class="x-icon mvn mln x-icon-users" data-x-icon=""></i>, the data-x-icon=”” part is actually what changes the icon. I know it only shows up as a box but that is because it can’t be rendered here, but if you copy this code and change the x-icon-name and not the actual “”, the icon will still stay the same with whatever the data holds. Make sure you are copying the the full HTML and not just copy pasting it and changing the icon names.

No if you are not copy and pasting HTML or if you are using shortcodes or CS to generate then and they are somehow not working properly, then something is most likely conflicting. In that case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[jpendergrass]

Ok. That makes sense and I think I can figure this out on my own. I just need to know, what do I replace the “” and where do I get it?

[jpendergrass]

Ok. I figured it out. I have got it working. Thanks.

[Thai]

Glad you’ve sorted it out.

If you need anything else, please let us know 🙂

[E]

I’m trying to add menu items to the Renew stack. Since I don’t have the correct data icons- don’t know where to get those from/at- it’s not working.

For instance, I want to be able to use the following icons in the menu:

fire
hand right open
rocket
lightbulb
puzzle piece
right arrow
star open

Where do I find the data icons for these, and all renew stack icons for adding to the menu using class code?

[Thai]

Hi @eel,

You can take a look at this page: http://fortawesome.github.io/Font-Awesome/cheatsheet/.

The icon should be like this:

http://i.imgur.com/PHPmTGn.png

Hope it helps 🙂

[Author]

Posts