Product Name and Price Merging on Dawn Theme

Hello,

I have run into a problem with the product page on the Dawn theme. On products that do not have photos, the product name and price are merging and look very bad. What is the best way to fix this?

https://koralking.com/collections/fish-wysiwyg

Hi @koralking

Please follow these steps:

  1. Go to Online Store => Themes => Edit Code

  1. Find the file “base.css”

  1. Then paste the following CSS code and save the file:
.card__inner.color-background-2.gradient.ratio:not(.card__media) .card__heading {
    padding-top: 19rem;
}

.card__inner.color-background-2.gradient.ratio:not(.card__media) .card__information {
    padding-left: 0px;
}
  1. Here is the result

I hope that it will work for you.