How can I center align collection descriptions on my website?

[cgwatts]

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

[DavidEKim · 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.

[cgwatts]

Perfect! Thanks so much 🙂