[Dawn Theme] Too much padding around Product Card title and price

Store Design
, ,
1

On my product cards I have too much padding around the title and price and it makes for a bunch of needless black background space and also makes it so that I have to use a smaller font. How do I decrease the padding so that my Product Card Titles are almost touching the gold border I have around my cards? Here’s a picture for example of what it looks like now:

image.png
image.png493×672 237 KB

and this is the code I’m using in theme.liquid to modify the font sizes and colors inside my product cards. I’m assuming their is code that I can implement into this section to modify padding as well:

Thanks for the help in advance!

2

Hello @namestolen ,

Add this css just before this tag
make sure you will not break the previous css

.card__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.card__information{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

Thanks

1 Like
3

Thank you. What’s the correct code to reduce the padding on the top and bottom as well?

4

Nevermind, I figured it out.

.card__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

}
.card__information{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

}