Hii
i want to change the darkness or the styled card in homepage products. just want a light colour for product
check the screenshot
Topic summary
A user wants to lighten the styling of product cards on their Dawn 15 theme homepage. Initially, there was confusion about which element needed adjustment.
Clarification Process:
- The support team first suggested brightening product images using CSS filter brightness adjustments in the base.css file
- The user clarified they actually want to lighten the grey shadow/background area where price tags and swatches appear on the card, not the product images themselves
Proposed Solution:
Modify the .card__content background color in CSS to use a lighter grey (#5f5f5f) or potentially a brighter non-grey color instead.
Status: The discussion remains open, awaiting the user’s response to test the suggested CSS modification for the card content background.
Hi @ctal37,
Do you want your image be brighter?
Step 1: Go to Admin → Online store → Theme > Edit code
Step 2: Search for the file base.css and add this code snippet to the end of the file
Step 3: Add this code to the end of file
.card__media img {
filter: brightness(1.2)!important;
}
Note: You can adjust the number in the brightness property to 1.1, 1.2, … to achieve the desired brightness.
You get the result like this
If it helps you, please like and mark it as the solution.
Best Regards
hiii i want to change the shadow a bit lighter
of cards not of card media. talking about the grey kinda part where price tags and swatch placed check the screenshot
@ctal37 ,
What you mean is that you want the background of the price section to be a bit lighter ?
I think you use a quite bright grey color. Or You want another bright color not grey?
If you still want grey, let try this it just a bit lighter
.card__content {
background: #f5f5f5!important
}