Debut theme collections page text description width change

Solved
Highlighted
Tourist
3 0 0

In Debut theme on collections page, want to change text description width below the hero image.

 

Tried in theme.scss.liquid with:

@media only screen and (min-width: 750px) {
.collection-description {
    margin-bottom: 35px;
    margin-top: 35px;
    width: 70%;
}}

changing to 70 % but it screws up the whole page. Works in Chrome inspector but not when adding to shopify editor. Please help!

 

0 Likes
Highlighted
Shopify Expert
1381 111 206

Please Share a store url to better assist.

1 Like
Highlighted
Highlighted
Shopify Expert
1381 111 206

This is an accepted solution.

try this

@media only screen and (min-width: 750px) {
.collection-description {    margin-bottom: 35px;    margin-top: 35px;    max-width: 70%;
}}
1 Like
Highlighted
Tourist
3 0 0

works thx, may I ask what the difference in code was?

and also, now my old code works..

0 Likes
Highlighted
New Member
3 0 0

Hi @Qualitycheck 

I got the code to work when adding !important; and that reduce collection description width when collection banner image is showing but doesn't work if image isn't showing. I don't want to have a collection banner image, just the collection header title and the description below at 70% width. Can you help please?

0 Likes