How can I center align collection descriptions on my website?

Store Design
, ,
1

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

2

@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.

3

Perfect! Thanks so much :slightly_smiling_face: