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

[namestolen]

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:

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:

 <style>

@media screen and (min-width: 768px) {
.card__heading {
    font-size:15px !important;
}
.price {
    font-size: 15px !important;
  color: #FAF9F6 !important
}
.price .price__sale .price-item--regular {
    font-size: 12px !important;
    color: #C44141 !important;
}
}

      @media screen and (max-width: 767px) {
.card__heading {
    font-size: 10px !important;
}
.price {
    font-size: 10px !important;
  color: #FAF9F6 !important
}
.price .price__sale .price-item--regular {
    font-size: 10px !important;
    color: #C44141 !important;
}
      }

    </style>

Thanks for the help in advance!

[Guleria · Accepted solution]

Hello @namestolen ,

Add this css just before this tag </style>
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

[namestolen]

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

[namestolen]

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;

}