Where can I find the class names for the cornerstone elements?

[NaquiaJ]

Hi there,

I’ve been using X for a while now, though I have been sticking to the options within the theme and not messing around with custom CSS.

I would however like to start doing this and I am at a loss while searching for the class id for each element.

For example, in a video of animating headline text, I see the code $el .x-text-content-text-subheadline but I don’t know where the .x-text-content… comes from.

This might be a beginner question, but it’s really got me stumped.

If there’s a list I could refer to or a methodology that needs to be followed to arrive at the name for the particular element I wish to customise, it would be really helpful.

Thanks in advance.

[friech]

Hi @NaquiaJ,

Thank you for writing in, while that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.

You can find the basic list of Element’s class here.

It is possible though that the class that you’re looking for is not on the list, you can find the proper CSS code selector using the Chrome browser Developer Toolbar.
For the CSS code itself, I suggest that you get started with this tutorial

Cheers!

[NaquiaJ]

Hi!

Yes absolutely understand that.

Thanks for the references, it’s exactly what I was looking for.

Cheers!

[jade]

You’re most welcome, @NaquiaJ.