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

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

kizzyrose
New Member
4 0 0

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 

Replies 6 (6)

Tommy001
Shopify Partner
5 0 1

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
New Member
4 0 0

Hi there, 

 

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

BSSCommerce-B2B
Shopify Partner
1407 386 450

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:

BSSCommerceB2B_1-1718565088719.png

 

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: 

BSSCommerceB2B_3-1718565360660.png

 

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! 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now I Donate Us Here!

kizzyrose
New Member
4 0 0

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
New Member
4 0 0

Sorry it has worked was putting in the colour wrong 

any idea how to change the font colour ?

 

BSSCommerce-B2B
Shopify Partner
1407 386 450

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! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now I Donate Us Here!