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

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 Partner
3477 463 540

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, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency