change background for bottom-5 block

This seems easy, but I can't do it.
I have changed the background color for bottom5 to black as follows:

Code: Select all

#gkBottom5 {
   background: #000;
}

But it only goes to the page width 1230 pixels. Out side that it is still #fff. I tried adding "background-size: cover", etc, but no good.
How do I extend my background color to the whole screen?
Thank you.

Could you please post an url to your site?

Dev.ficcionesmedia.com/provencal-2

Sadly this is as the template is designed. Centering of the content when max width is reached is made with margin left and margin right set to auto - and that is why you see background only in middle part. You might try just for that module to set 100% width and center only middle:

Code: Select all

#gkBottom5 {
max-width: 100%;
}
#gkBottom5 #reservations {
max-width: 1230px;
margin-left: auto;
margi-right: auto;
}


But whenever you will decide to modify middle column in template settings, you will need to modify the 1230px value.

That works perfectly!
Thank you once again for your great support.

Thanks for words of appreciation.
Please let me know if you would have any additional questions regarding this topic.