Docs

[Gallardooo]

Hi, I would like to place an icon within a custom headline and was wondering how I could make this possible.

Also, where can I find a list of all the icons available?

Thank you

[Christian]

Hey there,

You will need to use a filter to enable the legacy font classes so if you haven’t yet, please setup a child theme first. After that, please add the code below in your child theme’s functions.php.

add_filter( 'cornerstone_legacy_font_classes', '__return_true' );

Then, in the menu editor, add

<i class="x-icon-toggle-up" aria-hidden="true"></i>

to your menu item’s Navigation Label (see attachment).

To select an icon, please go to http://theme.co/x/demo/integrity/1/shortcodes/icons/. Use the icon type as the <i> tag’s class and prepend x-icon- to it (i.e. <i class="x-icon-anchor" aria-hidden="true"></i>).

Please take note that loading the legacy font classes will add up to your page load time. This has be long disabled in X by default.

Hope that helps. 🙂

[Gallardooo]

Hi thanks for your response and the info, although I believe you misunderstood me 🙂 I would like to add an icon next to the text in a Custom Headline http://i.imgur.com/fGb36NA.png not to a nav link. However I was able to figure out a way to do it by simply entering this format [x_icon type=”toggle-up”] within the text box

Thank you

[Gallardooo]

Comment deleted

[Rue Nel]

Hello There,

Just to confirm this adding an icon shortcode after the custom headline shuold work just like this: http://prntscr.com/b3espp
You can find all the icons from here: http://theme.co/x/demo/integrity/1/shortcodes/icons/

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

[Author]

Posts