Dawn Theme: How can I make multirow sections the full width of the page using custom css?

3 0 0

Hello! I need help with a website that I'm currently working on. I am trying to figure out how to make these multirow sections full width, so that the alternating pink background between the sections stretches the full width of the page.


How can I do this using custom css? I only want it to apply to these particular sections.


The page url is https://mycinemaprojector.myshopify.com/products/mycinema-hd-smart-projector


The sections with the pink backgrounds currently look like this:


Screenshot 2024-01-19 at 7.14.13 PM.png


I want it changed to look like this:


Screenshot 2024-01-19 at 7.12.40 PM.png


Thank you!

Reply 1 (1)

Shopify Expert
3375 446 494

Hi @mycinema ,

Please add the following code at the end of the base.css file:

#shopify-section-template--16583056097445__multirow_MVLmVH, #shopify-section-template--16583056097445__multirow_X4dgr6, #shopify-section-template--16583056097445__multirow_PwNTgF{
  background-color: #e7dcdc;

Hope it helps @mycinema  

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development