I’ve already updated the theme settings to show the right scheme colors, but for some reason, the Contact and Privacy pages as well as blog still show black text. Ultimately, I’d like the entire website to have text in this color: #DAA520.
Specifically looking at the Privacy policy page. I got the body to change colors, but the headers and subheaders aren’t yellow. Can someone please help me change ALL text - headers, body, subhead, everything - to #DAA520? Or specifically help me update the privacy page to show all yellow.
Instead of manually going through and selecting everything you would be better off using css variables for this. The reason I say this is because if you would change your mind later that you want all the text to be blue for example, you can update it in one place at the root selector.
That is the more maintainable way, otherwise you could select everything manually and just color it. The reason I wouldn’t do this is because of css specificity. If you had a p element with any class, that is more specific and will overwrite the general rules. Use a css variable and manually add them where you want them. Later on it will be much easier to maintain.
I added that to the bottom of the base.css code and it didn’t work. I previously added this code, and it helped change the background to my red color and the body to my yellow.
Here you can see you have a base.css file and where the red arrow is is the style affecting the h2 as well as the other elements and classes listed next to it. I would update the css variable, but you can also update the color right there where the arrow is if it’s easier for you.
Sorry this is my first time coding lol. Can you please outline exactly what I can do to make sure all pages use this #DAA520 color as the text for all copy? headings, body, paragraph, etc.
For some reason it allowed me to change my scheme on most pages except for privacy policy and contact. Would love to be able to change all backgrounds to #720909 and all text colors to #DAA520. Let me know if I need to delete anything as well. thank you so much
Ok if it’s your first time then look where the red arrow is pointing where it says “color”. That is in your assets folder in the base.css file. Search for the selector list h1, h2, h3… and just add the color you want (#DAA520)
You can also change the selector to look like this
main {
background: #720909;
color: #daa520;
}
/* this is not necessary */
main#MainContent {
/* don't litter you code with !important it will override any other styles you set later */
background: #720909!important;
color: #daa520!important;
}
Hello @Geist i am also using Dawn theme but the issue i am facing i want to add a gallery as background image so after every 3 to 4 seconds the BG image would change and the Text and CTA should be aligned centre on BG image i am trying to copy an competitor but it’s so difficult to make the store perfect. Every time an error occurs when i try to fix the error another blunder happens.
