Counter element with graphic

[franticape]

Hi guys,

I was wondering if here was a native way to add graphic (fontawesome icons, for example) to the counter or if there is a way to do this with other cornerstone elements (or a mix of them).

If that’s not possible i guess i can add them manually via CSS or something but in that case, can you tell me where can i find the code for the fontawesome? i tried the ones from the site and they didn’t seem to work so is it possible to have a demo code or something similar so i can check what i was missing?

[tristup]

Hi Frantic,

Thanks for reaching out.
You can use the HTML code with the data-x-icon attribute, please remember that the icon you are trying to add is already available in the library. The code will look like that.

<i data-x-icon="&#xf0eb;"></i>

To know the data-x-icon codes and the more ways to use the icons with your menu, please go through the video.

Hope it helps.
Thanks

[franticape]

I think i found a better way:

create a counter as a component and then insert its shortcode into a headline element with a graphic enabled.

i remember that the shortcodes can receive parameters so i just have to read the correct document to see how i can pass the parameter from the headline to the counter to be able to change the counter info and text but this was actually the kind of thing i was looking for.

i’m always trying to build with as less code as possible because clients will have a better time using it this way.

do you know if there could be any downside to this? i’m thinking mainly about performance a this moment but possible bugs you know about as well if there’s any.

[tristup]

Hi Frantic,

That can be another alternative way of achieving what you are trying to do.

Thanks