Change background of one product lister page

Hi,

I am trying to change the background colour of one product lister page in the stiletto theme.

Any advice is appreciated thank you

1 Like

Hi @CWDSD

Would you mind to share your Store URL website? with password if its protected. Thanks!

https://deadseadream.com/collections/allproducts

Thanks!

1 Like

Thank you for the informatin. Do you mean like this?

If it is try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
section.section.section--includes-product-items.section--full-width.collection.collection--columns-4.collection--pagination-paginated.collection--has-filter-bar {
    background: burlywood;
}
  • And Save.
  • I hope it help.
  • Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like

Thank you! Just a couple questions

How do I apply a specific hex code?

I don’t want to include number of results in the colour scheme how do i remove that?

Every time I update the theme do i have to replace this code at the bottom of the theme.css?

Thanks!

1 Like

Try this one same instruction.

.collection__main-area {
    background: #4444;
}

Just replace the color or hexcode the color you like to use.

This code is without the result.

If you like to change other color again you need to change the color of this code. You can also save it in this area.

In the custom css in the section so it would be easy for you to find it.

1 Like

Thank you so much for your help

1 Like

Welcome. :blush: