Need to make an image with text block full width in spotlight theme.

Store Design
, ,
1

I want to do this on my homepage. I’d also like to do the same for my collection list immediate below the image with text. Help please!

2

Hi @CapitalC

Please add this code to Custom CSS of those section to make it full width

.page-width {
max-width: 100%; padding: 0 !Important;
}
3

Thank you - I’m getting this error: “Invalid custom CSS: Certain At-rules are not supported. Try using global CSS.”

4

If you have a solution please answer with the solution. Thanks.

5

Could you share your store URL so I can give you the code to make 2 sections full width only/?

6
7

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code
8

Thank you so much - that worked! In the future, if I add another line to that code with a different block type, should it have the same effect? Thanks again, much appreciated.

9

Yes, it will if you added correct section ID