Archived topic
Single location to change colors for Wordsmith Site Library
7 replies · Started by Ashwin on April 27, 2021
I want to try different color combinations for the wordsmith theme. When I go to appearance that haunting color has to be changed in each element. Isn't there one location to configure the palette and see how my site looks like?
I mean all the styles H1 H2 H3, Button, Links, Image splash, Footer, etc. I want to know a central method to play around with and tune it to my taste.
Hi there,
Unfortunately that's not possible unless you want to use some CSS.
Sure. Can you tell me where to change (or define) the CSS for every item listed here (H1 H2... Links, Button Hovers in the bottom) - https://gpsites.co/wordsmith/style-guide/. It is all the same color code pasted across. The greenish thing,
Hi there,
The Headings listed on that particular page are defined from Appearance > Customize > Colors > Content. https://share.getcloudapp.com/8Lubq2K7
Hmm... OK. Thanks. I think I need to search where the styles for hyperlinks and buttons are defined. I will "inspect". A good deviation from the expected design principles!
Is there a template CSS that can be added in Additional CSS that has some color assigned for each element? It is then possible to simply change the color codes. I assume it will be a global override of all other hidden stylings beneath the layers!
If you can specify which ones you want to specifically target, we can help you out in writing the proper selector.
But here are some examples.
For paragraphs specifically located within the content area, try .entry-content p{ ... }
For paragraphs specifically located within the right sidebar try #right-sidebar .entry-content p{ ... }
We're targeting elements based on their parent container's class or id.
You can check this yourself if you want by inspecting the page source/element.
