Hello,
I want to have a other background for the product card as the background of the shop, like a product box
Like here:
Topic summary
A user wants to add a different background color to product cards in their Prestige theme store (45keys.com), creating a distinct “product box” effect separate from the main shop background.
Solutions Provided:
Multiple approaches were suggested:
- CSS in theme.css file: Add code targeting
.product-card__figurewith a white background - CSS in theme.liquid file: Insert custom
<style>block before the</head>tag with similar styling rules - Alternative location: Add the code snippet in the theme customizer section
Current Status:
The initial solution (adding code to theme.css) did not work for the user. Contributors requested a screenshot showing where the code was placed to troubleshoot. The discussion remains ongoing as helpers work to identify why the CSS isn’t applying correctly and provide alternative implementation methods.
Hi , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks
Hi @MS2333
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file
.product-card__figure {
background: #fff !important;
}
Result:
Best,
Liz
don´t work
Can you share an image of the place where you added the code?
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
Note: Firstly try this code, if you suggest changing the color, I will do it.
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Hi
You can try to add this code snippet under the tag in the theme.liquid file.
Add it too in the section of the theme customizer