How to center collection page description (DAWN Theme)?

[Picknick]

How is it possible to center the collection page description in the DAWN theme? I aligned the text to center in shopify backend, but it’s in the middle of nowhere.

Link (draft mode): https://ukrzq6a10uzchdb7-28988211275.shopifypreview.com

[dmwwebartisan]

@Picknick

lease Go to Online Store->Theme->Edit code then go to assets/component-collection-hero.css- ->paste below code at the bottom of the file.

.collection-hero__title+.collection-hero__description {
    margin: 0 auto !important;
}

Thanks!

[LitCommerce]

Hi @Picknick ,

Please follow these steps:

• Step 1: Go to Online store > Themes > Actions > Edit code.
• Step 2: Go to Assets > component-collection-hero.css and paste this at the bottom of the file:

.collection-hero__description{
    text-align: center !important;
    max-width: 100% !important;
}

Hope it helps!

[LitCommerce]

Hi @Picknick ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

[amanda82]

Does a similar code work to do this to the headings of all collections also??

Thanks Amanda

[VivianB]

This code helped me! Thank you so much! (Don’t forget to click “run” after you pasted the code!)

[NHJB]

After reading many forums, watching videos & testing codes.. this was the BEST solution.

“max-width: 100% !important;” is what i needed

also, instead of heading to Online Store->Theme->Edit code->Assets/component-collection-hero.css-themes and editing the code , you can do it from the customizing page

1. customise your theme

2. click on a collection

3. click on the collection banner

4. banner settings will show and enter the code into Custom CSS Section and it should work across all collection pages

5. pic below for reference

Thank you @LitCommerce