Solved

Can I modify the code to change the product grid color in Shopify's Origin theme?

maxmercadal
New Member
8 0 0

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

Accepted Solution (1)
PageFly-Kate
Shopify Partner
1051 316 309

This is an accepted solution.

Hi @maxmercadal ,

 

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

PageFlyKate_0-1676029676992.png

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 11 (11)

Amlibolikha
Shopify Partner
69 9 13

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.

maxmercadal
New Member
8 0 0

https://sizeninez.com/
stpeters

thanks

PageFly-Kate
Shopify Partner
1051 316 309

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

maxmercadal
New Member
8 0 0

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

Id like the page background to turn white instead.

Thanks

thanks

PageFly-Kate
Shopify Partner
1051 316 309

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

maxmercadal
New Member
8 0 0

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.

maxmercadal
New Member
8 0 0

Hi, 

would you have a new solution by any chance?

thanks

PageFly-Kate
Shopify Partner
1051 316 309

This is an accepted solution.

Hi @maxmercadal ,

 

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

PageFlyKate_0-1676029676992.png

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

maxmercadal
New Member
8 0 0

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 

maxmercadal
New Member
8 0 0

text colour I meant Black sorry.

maxmercadal
New Member
8 0 0

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

Thank you though for your help!