Creating full-width text banners with colour background

Site URL: https://clownfish-groundhog-gbk7.squarespace.com/

Hello @tuanphan 🙂 

On my banner image, I have created a text box with a coloured background. I am looking to extend the coloured text box full-width, but keeping the text inside constrained.

Many thanks 🙂

Natalie 

Can you share access password?

thule2015 - thank you!

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1590229842189_32563 {
    width: 100%;
}
section#banner1 .Index-page-content {
    padding-left: 0;
    padding-right: 0;
}

This worked perfectly! Thank you so much @tuanphan. Is there anyway that I can get the text banner to always align with the bottom of the image banner? 

I have just realigned the bottom margin, however now it does not appear on mobile.

Many thanks.

@NattyBlow

Is this what you're looking for?

 

yes exactly @ryandejaegher