Justify text in pages' collapsible row - Dawn Theme

Hi everyone!

I would like to justify the text in the collapsible rows on my “MATERIALS” and “SIZING” pages.

Right now it’s aligned on the left.

Thank you !!

Theme: Dawn 6.0.2

Preview link: https://fshotpl7obi0sj7l-66207744226.shopifypreview.com

Screenshots:

1.Page “PRODUCT MATERIALS & CARE” linked to Template “Default page”

2.Page “SIZING GUIDE” linked to Template “sizing”

Hiii @contactdaiquiri
you want this type of collapse ??

Hi @Rajvi_patel_1 , I would like the content on the collapsible rows bellow (e.g. SILVER" to be justified.

The top paragraph of the page is already justified :slightly_smiling_face:

@contactdaiquiri
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

.accordion__content {
    text-align: justify!important;
}
2 Likes

Hi @contactdaiquiri

This is Victor from PageFly - Landing Page Builder App.
You can go to Online store => themes => actions => edit code and add this code on file base.css

.accordion summary{
justify-content: center;

display: flex;

}

Hope this answer helps.
Best regards,
Victor | PageFly team

Thank you so much!

1 Like