[Resolved] Shortcodes/ classes

[Rafał]

I can use simple css, but I’m having trouble naming individual classes – e.g. canvas, menu, etc
For example, I mean something like this:

.slideout-navigation.main-navigation .main-nav ul ul li a {
    font-size: 18px;
}

[Ying]

Hi Rafal,

Not sure what your question is.

What can we help?

[Rafał]

I don’t know how to explain it exactly, but I mean class names referring to individual page elements.

For example:
.slideout-navigation.main-navigation .main-nav ul ul li a

If I want to change the appearance of a menu or page element, I need the name of the class I want to edit. My question is where can I get the names of these classes

[Fernando]

Hi Rafal,

I see. You’re referring to the CSS selector.

Though not sufficient, these articles may help:
https://amasty.com/knowledge-base/product-labels-find-css-selector.html

https://support.helpdocs.io/article/eh3pzxNwYf-grabbing-css-selectors-from-your-browser#:~:text=Simply%20right%20click%20and%20click%20Inspect%20Element.,CSS%20selectors%20for%20that%20element.

There are also lots of tutorials on YouTube regarding getting the CSS Selector of an Element. Learning how to do this can be really powerful in terms of web development.

[Rafał]

This is exactly what i am looking for! Thank you very much for the tip on how i can learn it

[Fernando]

You’re welcome, Rafal!

[Author]

Posts