Centering headings in Dawn 15.0

Store Design
, , , ,
1

I’m trying to center the heading for every section on my homepage, but adding the code h2 {
text-align: center;
}

To the custom section CSS is not working (for some reason it only worked inside a Featured Collection section) but when I try to add the same code to other sections: Collection list, Multicolumn, it does not affect the heading at all.

I just want all the headings on my home page centered instead of pushed to the left.

Screen Shot 2024-06-26 at 4.34.09 PM.png
Screen Shot 2024-06-26 at 4.34.09 PM.png941×252 37.7 KB

2 Likes
2

Hey @sarita22

Can you share your Store URL and Password if enabled?

Best Regards,

Moeed

3

Hi @sarita22 , thank you for posting here!

You can follow my instruction below:

  1. Go to Online Store->Theme->Edit code
  2. **Asset->/base.css->**paste below code at the bottom of the file:
.title-wrapper-with-link {
               justify-content: center;
}

If my answer is working for you store, please let me know by Accepting Solution and Giving Like !!!

2 Likes
4

Hi @sarita22

Would you mind to share your store URL? Thanks!

5

Hi @sarita22

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.collection__title {

text-align: center !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

6

This worked! Thank you