Tagged: CSS
Dear Support,
One of the things that drives me bananas is figuring out how to target certain elements. For example, despite trying things like:
h1.post-title and h3.slide-entry-title a, the changes I indicate don’t work.
Please have a look at the link in the private section and the attached screenshot. Can you help me figure out what code / selectors I need to use to make the changes I’d like?
Many thanks,
Tim
Hey Timothy,
Thank you for the inquiry.
Have you tried adjusting the style of heading elements in the Enfold > Advanced Styling panel? Instead of manually adding your css modifications, try to adjust the style of some of the theme elements in the Advanced Styling panel. You can also explore additional options in Enfold > General Styling > Typography panel. And while editing the site, try to temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.
Best regards,
Ismael
Dear Ismael,
Many thanks for the reply. I’ll try that, but I’m not sure I can do all I need.
Also, one of the elements is “span.blog-entries”, but I’m not getting any response. If you have a look at the link/screenshot, you’ll see what I’m talking about. Ideas?
Thanks again,
Tim
PS is there any new trick you are aware of with developer tools that can help identify a succinct selector name? When I use Safari to ‘copy path’, I get a result that is a mile long.
Dear Ismael,
Okay, I figured it out:
The Advanced Styling did what I needed for the h3 tag.
For the selector path that I mentioned above, the solution was:
span.blog-categories.minor-meta > a
Thanks again!
Best,
Tim
Hi Tim,
I’m glad that you figured it out :)
Thanks as well for using Enfold and have a great day!
Best regards,
Nikko