How can I align product titles on my Dawn theme homepage?

How can I align product titles on my Dawn theme homepage?

carlajickie
Excursionist
53 0 8

Hi, and thanks for the help in advance!

I don't get why my product titles aren't aligned on my homepage or collection pages (see picture in example). I read that maybe resizing them would help but unfortunately they can't all be at the same size... is this the only solution ? I don't want to change the images alignement, I just want the titles to be aligned... is there a way to ungroup image and text and change text margins to do so ? 

My website is www.jickie.co

 

Thank you !

Screenshot 2022-08-24 at 23.13.09.png

 

Replies 6 (6)

PageFly-Victor
Shopify Partner
7865 1786 3133

Hi @carlajickie!

 

This is PageFly - Advanced Page Builder. I would love to give you some recommendation.

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

 

.product__info-container .product__title {
text-align: left !important;
}

 

Best Regards;

Pagefly

carlajickie
Excursionist
53 0 8

Screenshot 2022-08-25 at 00.04.35.png

Like that ? because it does not work 😕

PageFly-Victor
Shopify Partner
7865 1786 3133

Hi @carlajickie!

 

Bro Go to assets/section-main-page.css and paste at the bottom this code;

 

h1.main-page-title {
text-align: center !important;
}

 

 

 

carlajickie
Excursionist
53 0 8

Screenshot 2022-08-25 at 01.06.22.png

Do I need to also have the previous code you sent me ? 

This one alone does not work either

HanseCAN
Not applicable
2 0 0

The same here I tried both way did not work as well. Anyone can help

HanseCAN
Not applicable
2 0 0

HI did you find the way how to do it?