Warehouse Theme Body Text Colour on Pages

Store Design
1

Hi there,

My client uses the theme Warehouse and I’m in the midst of changing the colours to go for a dark theme. I’m happy with how everything turned out but on every other page - About Us, Policy pages etc, the font colour is unreadable.

In the Theme Settings, there isn’t a section where I can change the font colour on pages separate from products. The body text remains the same. Rather than going into every page and manually changing the font, is there a code I can add to just change the body text in the ‘default pages’ template/theme - to apply for all pages. Any advice or help would be appreciated.

website is https://modestycollection.com.au/

other pages where font is unreadable are on the footer such as our FAQ page: https://modestycollection.com.au/pages/faq

Thank you!

2

Hi @modestycollect ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.template-page .page__content,
.template-page .page__content a {
    color: #fff !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
3

Hi there,

Thank you! It worked like a charm. Saves alot of time. The only thing is that the bullet points are still black? It’s not a major problem but can this also be fixed? Thank you.

4

Hi @modestycollect ,

You try below code in theme.css file:

.template-page .rte ul li:before {
    background: #fff !important;
}

Hope it can help you

1 Like
5

Yes! It worked. Thank you.

Final question that I noticed - The breadcrumbs for products are also unreadable as well as the search results when typing in the search bar. What can I do to update this? I attached an image for reference and highlighted it. As for the search bar, you can see in the second image that there is text there but not visible as well as when selecting the category so I circled it. Thanks again.

Product Breadcrumb.png
Product Breadcrumb.png849×498 96.1 KB

search bar.png
search bar.png1101×622 75.6 KB

6

Hi @modestycollect ,

You can try below code:

.search-bar__result-category,
.search-bar__filter select {
    background-color: #fff !important;
}

Hope it can help you

7

Hi there!

It worked for the left side - result category.

However, not for the filtering the categories on the right?