Dawn 8.0.0 "add to cart" button misalignment

Hi Community, I need urgent help to align the add to cart button to a draft theme Dawn version 8.0.0 am about to publish. I am using an app called YOTPO reviews but they said this is not affecting the alignment of the button, however, I believe the title of the product might affect the misalignment too - see the picture below for your reference >

@Joegr7

send preview link

Hi, this is the preview link https://thegiftcompany.com.au/?_ab=0&_fd=0&_sc=1

@harivishwakarma Hi, this is the preview link https://thegiftcompany.com.au/?_ab=0&_fd=0&_sc=1

@Joegr7

Add to card button is not showing

@harivishwakarma Hi, please use this link https://dz4mhmekmx2ciz51-56488165585.shopifypreview.com

@harivishwakarma Hi, please use this link https://dz4mhmekmx2ciz51-56488165585.shopifypreview.com

Hallo @Joegr7

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)


**.card__heading {**
**height: 38px;**
**}**

If you require any further information, feel free to contact me.

Best regards,

@harivishwakarma Thank you! I think it worked, but the vendor name has now a big space from the product title, also I am using a review app “star rating” and might misalign now based on that. Any chance this can be fixed or I have to remove the stars? https://dz4mhmekmx2ciz51-56488165585.shopifypreview.com

@harivishwakarma see the home page here https://dz4mhmekmx2ciz51-56488165585.shopifypreview.com

@Joegr7

I think reducing its height and removing the review solved your problem.

1 Like