How can I change the product grid color on my Origin website?

Store Design
1

Im using origin for my website and my product grid is brown, I want to change it to white but there isnt a option.is there a code i could use to change the Product grid color.

My website www.phoneexcess.com

2

Hi @Phoneexcess ,

I understand that you want to change the product background to white. You can follow the instructions below.

  1. From Admin page, go to Online store > Themes > three dots > Edit code

  2. Find the Asset folder, and open the base.css and paste the code below at the very end. Then click SAVE

[class$='main-collection-product-grid-padding'] {
    background: #fff;
}
3

Hi @Phoneexcess

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.color-background-2.isolate.gradient {
    background-color: #fff !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

4

Hello @Phoneexcess ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1677491363028.png
GemPages_0-1677491363028.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before 

{% if template == 'product' %}

{% endif %}

Let us know how it works for you.

Best regards,
GemPages Support Team