Solved

How can I center align collection descriptions on my website?

cgwatts
Tourist
11 0 2

Hi, I am trying to get my collection descriptions to center align, I have managed to do it to my product titles but struggling with the descriptions.

 

my website is www.madeonthestreet.co.uk

password: maesywaen2008

 

thankyou in advance

Accepted Solution (1)

DavidEKim
Shopify Partner
392 131 192

This is an accepted solution.

@cgwatts 

Hi,

Please go to Edit code > Asset > component-collection-hero.css (about line 58) file.

Find (ctrl+F) collection-hero__description on the file and change the max-width: 66.67% to 100%

as below.

 

From

@media screen and (min-width: 750px) {
  .collection-hero__description {
    max-width: 66.67%;
  }
}

To

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

 

Hope it helps.

Thanks.

 

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner

View solution in original post

Replies 2 (2)

DavidEKim
Shopify Partner
392 131 192

This is an accepted solution.

@cgwatts 

Hi,

Please go to Edit code > Asset > component-collection-hero.css (about line 58) file.

Find (ctrl+F) collection-hero__description on the file and change the max-width: 66.67% to 100%

as below.

 

From

@media screen and (min-width: 750px) {
  .collection-hero__description {
    max-width: 66.67%;
  }
}

To

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

 

Hope it helps.

Thanks.

 

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner
cgwatts
Tourist
11 0 2

Perfect! Thanks so much 🙂