Changing Background Color on Multiple Blocks with CSS

Site URL: https://www.eohtherapy.com/relationship-weekend-retreats

Hello, 

Can someone help me create a background box that spans the width of multiple blocks? As it stands, I have the header (full length) block working fine, but I would like to divide the text into two columns beneath with the same background color. Ideally, I'd also like a spacer on either side. 

I have tried to isolate the row, but when I try to plug that into the code it doesn't do anything. 

Here is the css code I'm working with so far:

#block-yui_3_17_2_1_1644873293612_11629,  {
background: #f0f0f0;
padding: 50px;
text-align: center;
}

#block-yui_3_17_2_1_1644873293612_13032,{
background: #f0f0f0;
padding: 10px;
text-align: left;
}

#block-yui_3_17_2_1_1644873293612_14580,{
background: #f0f0f0;
padding: 10,30,15px;
text-align: left;
}

And an attached screenshot of what the page looks like:

2 hours ago, rachoco said:

Hello, 

Can someone help me create a background box that spans the width of multiple blocks? As it stands, I have the header (full length) block working fine, but I would like to divide the text into two columns beneath with the same background color. Ideally, I'd also like a spacer on either side. 

I have tried to isolate the row, but when I try to plug that into the code it doesn't do anything. 

Hey @rachoco try to add next code in Custom CSS:

#block-yui_3_17_2_1_1644873293612_11629 + .sqs-row {
  background: #f0f0f0;
}

2 hours ago, SquareRefresh said:

Hey @rachoco try to add next code in Custom CSS:

Thank you so much! This worked perfectly! 

50 minutes ago, rachoco said:

Thank you so much! This worked perfectly! 

Always happy to help!