Align collection description text - dawn theme

[Daniel19901]

Hi, 

I tried various codes, but I can't fix my collection description to be centered. Can anyone help ?

https://cl1jel0t3jrh2phm-51658555567.shopifypreview.com

[BSS-TekLabs · Accepted solution]

Can you try add this to base.css

@media screen and (min-width: 750px) {
    .collection-hero__title+.collection-hero__description {
        max-width: 100% !important;
    }
}

[BSS-TekLabs]

- Here is the solution for you @Daniel19901 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media screen and (min-width: 750px) {
    collection-hero__description {
        max-width: 100% !important;
    }
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Moeed]

Hey @Daniel19901 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.collection-hero__description {
    max-width: 100% !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Guleria]

Hello @Daniel19901 ,

Follow these steps:

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

2. Open your base.css file and paste the following code at the bottom:

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

Thanks