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

mycinema
Visitor
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)

BSS-Commerce
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