Archived topic
Shortcodes/ classes
5 replies · Started by Rafał on January 11, 2023
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;
}Hi Rafal,
Not sure what your question is.
What can we help?
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
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.
This is exactly what i am looking for! Thank you very much for the tip on how i can learn it
You're welcome, Rafal!