Dawn theme letters grey and not white

Dawn theme letters grey and not white

Peter_ecom
Tourist
4 0 2

Hello everyone,

 

As seen in the attached screenshots. At my Footer and another segment where the background is navy blue, the text is grey and not white. Even though its supposed to be white as thats what I have set it to in the color scheme. Also when inspect the font with fontanello it says its white but its clearly not white..

 

What is causing this issue and how to fix it?

 

Screenshot 2024-08-11 at 9.49.18 PM.pngScreenshot 2024-08-11 at 9.49.39 PM.pngScreenshot 2024-08-11 at 9.51.03 PM.png

Replies 6 (6)

BSS-TekLabs
Shopify Partner
2136 633 735

Hello @Peter_ecom 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Peter_ecom
Tourist
4 0 2
BSS-TekLabs
Shopify Partner
2136 633 735

- Here is the solution for you @Peter_ecom 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it. 

    .footer-block__details-content, .footer-block__heading, .footer-block__details-content .list-menu__item--link {
        color: white !important;
    }

- Here is the result you will achieve:

BSSTekLabs_0-1723462708257.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Van_Nguyen_GSG
Shopify Partner
161 23 41

The footer_block--content text color is set to a slightly different shade from footer block headings. This is a default Dawn styling. You can add this code to the global CSS file or your custom CSS:

 

 

.footer-block__details-content > *,
.footer-block__details-content .list-menu__item--link {
color: #ffffff !important;
}

 

 

 

Helping Shopify merchants build stores that convert.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- If you still need help, feel free to reach out to me at: van@glue.sg
Cheers!
Peter_ecom
Tourist
4 0 2

That worked but for my footer only, how can I fix it for other sections?

Peter_ecom
Tourist
4 0 2

Can anyone please help explain how I can make sure its white in other sections as well?

https://www.neatercanines.ph/products/zero-splash-pro