-
Posts
-
I understand that the plugin X shortcodes is not used anymore or part of the theme? I still see short codes used in places,to create icons like on the menu or buttons, for instance – x-icon-home & data-x-icon , where can I find a complete list of all the icons, and a tutorial for the use of these codes?
Big PleaseFound them 🙂 still learning how use them though, I don’t seem to be able to place them in cornerstone when changing the menu
Hi there,
Thanks for writing in! If you want to use icon shortcode then use it like –
[x_icon type="adjust"]You can also use as HTML –
<i class="x-icon x-icon-adjust"></i>You can still take the icon name/class from this page – http://theme.co/x/demo/icon/1/shortcodes/icons/
Hope this helps.
Cheers!
On the menu ,this is what the calendar icon short code is..
<i class=”x-icon-calendar” data-x-icon=””></i>
what is this?
is this correct—
<i class=”x-icon-anchor” x-icon-adjust”></i>Hi There,
It’s the cheatsheet code, you can find on this link: http://fortawesome.github.io/Font-Awesome/cheatsheet/.
Hope it helps 🙂
Bingo , that worked , copy the icon pic,and when you paste it in where the is,then it converts to the cheatsheet code,like this–>
<i class=”x-icon-anchor” data-x-icon=””></i>
Thanx
So does this work all over the theme? , or just on the menu , can button icons be added with this code also
Thanx so much, this is a huge help already, and your quick responses make me not lose hope 😉Hi There,
So does this work all over the theme? , or just on the menu , can button icons be added with this code also
This method should work for all over the theme. The button shortcode with icon will look like this:
[x_button type="real" shape="square" size="regular" href="#example" title="Example"]<i class="x-icon-anchor" data-x-icon=""></i> Square Button[/x_button]Hope it helps 🙂
