Align collection description text - dawn theme

Store Design
,
1

Hi,

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

https://cl1jel0t3jrh2phm-51658555567.shopifypreview.com

Daniel19901_0-1722010818983.png
Daniel19901_0-1722010818983.png1508×565 65.1 KB

2

Can you try add this to base.css

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

BSSTekLabs_0-1722011030256.png
BSSTekLabs_0-1722011030256.png1638×774 243 KB

3

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 tag

RESULT:

Moeed_0-1722011346714.png
Moeed_0-1722011346714.png1223×949 257 KB

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

Best Regards,
Moeed

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

step.png
step.png1865×854 125 KB

  • 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:

BSSTekLabs_0-1722011286691.png
BSSTekLabs_0-1722011286691.png1638×774 243 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
5

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