Changing background colour for search results, pages and blog pages with Publisher theme?

[kizzyrose]

Hello, 

I cant seem to change the background colour or font colour on the search results page, the default pages and also the blog pages. Could someone assist me? 

Im using the Publisher theme. 

Kizzy 

[Tommy001]

To change the background color or font color on the search results page, default pages, and blog pages in Shopify:

1. you log in to Shopify admin and navigate to "Online Store" > "Themes" > "Actions" > "Edit code".

2. Locate the CSS file (e.g., `theme.scss.liquid`).

3. Find the specific page styles (e.g., `.search-results-page`, `.default-page`, `.blog-page`).

4. Apply custom CSS to adjust background and font colors:
```css
.search-results-page {
background-color: #f0f0f0;
color: #333;
}

.default-page {
background-color: #fff;
color: #555;
}

.blog-page {
background-color: #f9f9f9;
color: #444;
}
```

5. Save changes and preview to ensure they apply correctly.

This approach allows you to quickly customize colors across different pages in your Shopify store.

I hope this will be helpful or if you need any further assistance send me a Dm.

[kizzyrose]

Hi there, 

This didnt seem to work for me, the specific pages didnt change 😕

[BSSCommerce-B2B]

Hi @kizzyrose ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

.gradient {
    background: blueviolet !important;
}

In this step, you can change the color of background as you want to change. 

In my example, I choose blueviolet. 

Step 3: Save your code and reload this page.

=>> The result: 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

[kizzyrose]

Hi, 

This didnt work for me. It doesnt seem to change the Blog default background, or the page background or also the search results and cart pages 

[kizzyrose]

Sorry it has worked was putting in the colour wrong 

any idea how to change the font colour ?

[BSSCommerce-B2B]

Hi @kizzyrose , 

We're happy to see that our suggestion helped you.

About font color, Can you kindly share your store link (with the password, if any) with us? And describe exactly you want to edit font color on where in your store front.

We will check it and suggest you a solution if possible.

It's a pleasure to assist you.

Have a nice day, sir! 

[GullyFernDistro]

This worked for us as well, we replaced the "blueviolet" field with our color code of : "#fef5e9". Very easy. Thank you!

[GullyFernDistro]

Update: While it did fix the background color on all the pages such as "search results", it also forced the Header box on the Home Page Banner to appear (even though we left it without text so it would be invisible). Now there is just a box in the middle of our banner. Is there a good way to fix this?