Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
Hi @maxmercadal ,
Sorry for the late reply.
Is the below what you want?
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.
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.
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.
Thanks. But it actually changed the text to white underneath the products.
Id like the page background to turn white instead.
Thanks
thanks
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.
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.
Hi,
would you have a new solution by any chance?
thanks
This is an accepted solution.
Hi @maxmercadal ,
Sorry for the late reply.
Is the below what you want?
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.
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
text colour I meant Black sorry.
Dont worry about this. Changed my mind on the design.
Thank you though for your help!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024