How can I change the product grid color to white in Origin theme?

Store Design
1

I’d like to change the colour of just the product grid, but I cannot. Is there a way I can change the code to make the product grid colour white?

Theme is Origin

Thanks

2

Hi @maxmercadal ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

https://sizeninez.com/
stpeters

thanks

4

Hi @maxmercadal ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.card__heading,
.card-information .price-item {
    color: #fff !important;
}

I hope it would help you
Best regards,

Kate | PageFly

5

Thanks. But it actually changed the text to white underneath the products.

Id like the page background to turn white instead.

Thanks

thanks

6

Hi @maxmercadal ,

I’m sorry to hear that. Please give it a try with this new solution:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.product-grid .grid__item {
    background: #fff !important;
    padding: 10px;
}

I hope it would help you
Best regards,

Kate | PageFly

7

Didn’t work either. It extended the white background of product.

The green background, of the product grid, is what I’m trying to change, to white.

8

Hi,

would you have a new solution by any chance?

thanks

9

Hi @maxmercadal ,

Sorry for the late reply.
Is the below what you want?

PageFlyKate_0-1676029676992.png
PageFlyKate_0-1676029676992.png1323×489 163 KB

If true let’s try this solution

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

.section-template--16045518160043__main-collection-product-grid-padding {
    background: #fff !important;
}

I hope it would help you
Best regards,

Kate | PageFly

10

Perfect. Thank you.

Now I’d also like to change the background of the product page to white as well, and the text on the collection grid and product page to white.

Please could you help me input the code for these?

I cannot do them manually via the available options.

Thanks

11

text colour I meant Black sorry.

12

Dont worry about this. Changed my mind on the design.

Thank you though for your help!