How can I modify section colors and font in the Dawn theme?

[eeveefox]

I want to change the colors of certain sections but it won't change when I click the section and use the dropdown for the background color to pick if I want Accent 1/2 or Background 1/2 or inverse for example the products page where the text would be for the filters and sorting. Also where product description page is. I also want to change the font color to a different one from everything else. @LitExtension 

[LitExtension]

Hi @eeveefox,

You want to change the text of the entire product page?

Please explain more about it, I will help you check it

[eeveefox]

Yes. I want to change the text color on the product page about the product and all the details and I want to change the background for the same page.

[LitExtension]

Hi @eeveefox,

Please go to main-product.liquid file and add code here:

#MainContent {
      background: #fff;
      color: #000 !important;
    }
    #MainContent *{
      color: #000 !important;
    }

You can change the color code to your liking.

Hope it helps!

[eeveefox]

YAY! Ok so the page colors are good but these pills and variant boxes need to change so that it's easier to read. What would I have to do for that? @LitExtension 

[LitExtension]

Hi @eeveefox,

Please add code:

.field__input, .select__select, .customer .field input, .customer select {
      background: #fff !important;
}

Hope it helps!

[eeveefox]

@LitExtension where am i adding this code?

[LitExtension]

Hi @eeveefox,

Please add code here:

[eeveefox]

I was able to change the buy button color but how do I change the color of the box around the + & - buttons?

[LitExtension]

Hi @eeveefox,

- With button product page: 

Please add code:

.quantity__button,
.button {
  background: #fff !important;
}

- With cart page: You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

[eeveefox]

Where do I put the code to change this page? I tried in a couple spots I thought it should be but it's not working.

[eeveefox]

I would've thought this would change with the product page but it didn't. Where would I put the same code to change the colors for this pop up for quick add? @LitExtension 

[eeveefox]

Also how do I make the video on my home page adjust for mobile? It doesn't show on the mobile site right now.