Docs

[Teranox]

Hi,

I would like to make the Slillbar clickable so there is a chart (an image) that could open in a lightbox. (best would be if it could drop from top to bottom). (I know there is a lightbox plugin in X but don’t know where it is btw). The skillbar would aways be used for the same purpose and it would always be that same image.

Thanks

[Rue Nel]

Hello There,

Thanks for writing in! By default, skillbar is not clickable. Regretfully further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[Teranox]

You mean that actually there is no css codes I can add that would make this portion of the section clickable?

I was thinking of just entering a simple code like hyperllink on text?

[Josh]

<a href="http://example.com/">[x_skill_bar heading="Savings" percent="75%"]</a> should work fine to make skillbars clickable. You’d have to explore a bit more from there for how to get the lightbox feature working.

[Joao]

Hi There,

Can you please try adding this code to the “Raw Content” Element on cornerstone?

<a class="lightboxing" href="http://yourwebsite/slide1.jpg">[skill_bar heading="Lego Assembling Skills" percent="90%"]</a>
[lightbox selector=".lightboxing"]

Note that what is important is to add a class to your link and select the class as a lightbox selector with a . in front

For more details about lightbox and how to display different types of content, please refer to

https://community.theme.co/kb/shortcode-walkthrough-lightbox/

Hope that helps,

Joao

[Author]

Posts