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
565 114 137

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! 

 

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
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
565 114 137

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! 

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency