Shopify themes, liquid, logos, and UX
Hello
I am using the Prestige Theme. In my collection pages, I want the description to span the width of the product images below. How can I edit the code to make this possible?
Thanks!
Bala
Solved! Go to the solution
This is an accepted solution.
You can put this at the bottom of your theme.scss.liquid file in your assets folder:
.SectionHeader__Description {
max-width: 900px;
}
And adjust the pixel value for however you'd like it. If you want my honest opinion though I think it looks better small. You can see what it looks like without a max width if you change it to:
.SectionHeader__Description {
max-width: unset;
}
Which would effectively make that portion as large as the page itself.
This is an accepted solution.
You can put this at the bottom of your theme.scss.liquid file in your assets folder:
.SectionHeader__Description {
max-width: 900px;
}
And adjust the pixel value for however you'd like it. If you want my honest opinion though I think it looks better small. You can see what it looks like without a max width if you change it to:
.SectionHeader__Description {
max-width: unset;
}
Which would effectively make that portion as large as the page itself.
Great! thanks so much! I like it at the 900px width. Works good.
Bala
Thanks - I was looking for how to do this, and it worked perfectly!
Hello! I am wanting to so the same thing on the Blockshop theme, so my description text extends to the edge of the screen.
I tried putting this code but in theme.liquid but it didn't work - is there somewhere else I should put it?
Thank you!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024