FROM CACHE - en_header

Product Name and Price Merging on Dawn Theme

koralking
New Member
1 0 0

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


Reply 1 (1)
BSS-Commerce
Shopify Partner
844 129 118

Hi @koralking 

Please follow these steps:

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

view - 2023-01-30T163005.122.png

2. Find the file "base.css"

view - 2023-01-30T163041.117.png

3. 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;
}

4. Here is the result

view - 2023-01-30T163127.678.png

I hope that it will work for you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
Install B2B & B2C apps to accelerate sales