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

CapitalC · ‎10-09-2024

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!

Dan-From-Ryviu · ‎10-09-2024

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

<style>
#shopify-section-template--17683288064197__image_with_text_9R9jxC .page-width,
#shopify-section-template--17683288064197__collection_list_PgXCic .page-width {
max-width: 100%;
padding: 0 2rem;
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Dan-From-Ryviu · ‎10-09-2024

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;
}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

CapitalC · ‎10-09-2024

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

CapitalC · ‎10-09-2024

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

Dan-From-Ryviu · ‎10-09-2024

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

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

CapitalC · ‎10-09-2024

shoprimon.com

Dan-From-Ryviu · ‎10-09-2024

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

<style>
#shopify-section-template--17683288064197__image_with_text_9R9jxC .page-width,
#shopify-section-template--17683288064197__collection_list_PgXCic .page-width {
max-width: 100%;
padding: 0 2rem;
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

CapitalC · ‎10-09-2024

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.

Dan-From-Ryviu · ‎10-09-2024

Yes, it will if you added correct section ID

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.