Dawn Theme Font Color & background color Product Page

Store Design
1

Hi,

I’d like to change the background color from white to black and the font color as well as ALL other items such as pricing, buttons to White to match the rest of my design. Please note that I’ll need this change only for product page.

Can you please assist?

Thank you heaps

2

Hey @CKBIZ1
Your store is Password protected so please share the Store Password as well

3

Password to page: showth

4

Password to page: showth

Thank you!

5

Hey @CKBIZ1

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

Moeed_0-1690954770057.png
Moeed_0-1690954770057.png1191×911 98.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

6

Hi Moeed,

Thanks for your help so far! Please see the image below after I implemented your code:

zx1.JPG
zx1.JPG549×1818 105 KB

  1. The arrow to switch between pictures are still Black and need color white

  2. Can you help me in changing the Buy it Now button to color Blue, same color as SALE badge?

Thank you!

7

It seems that the below text is still in grey compared to the above text in white?

texta1.JPG
texta1.JPG2571×1607 145 KB

8

Hey @CKBIZ1
Add this code above in theme.liquid file

.slider-buttons.no-js-hidden.quick-add-hidden {
    color: white !important;
}
.slider-button {
    color: white !important;
}
.slider-button[disabled] .icon {
    color: white !important;
}
section#shopify-section-template--20175542354194__4478c2d4-7dbb-4fcb-9ed7-1b7a3e491b17 {
    margin: 0;
}
.section-template--20175542354194__4478c2d4-7dbb-4fcb-9ed7-1b7a3e491b17-padding p {
    background: black;
    color: white;
    margin: 0 !important;
}
.section-template--20175542354194__4478c2d4-7dbb-4fcb-9ed7-1b7a3e491b17-padding {
    padding-bottom: 0 !important;
}

Moeed_0-1690956434644.png
Moeed_0-1690956434644.png204×443 18.1 KB

If you find this information useful, a Like and Accept Solution would be greatly appreciated.

9

Hi Moeed,

This worked with the arrows, thank you!

I’d only need your help in changing the color or the buy it now buttob to blue, please!

button1.JPG
button1.JPG528×1538 76.6 KB

Once confirmed I’ll be able to confirm as acceptable solution. Thank you very much!