How to create page section with different background color and images full width

[brookelustig]

Hi everyone, I am trying to figure out how to create different sections on a page with different background colors and images for different sections. I guess I can change the background color by utilizing content boxes but how do I make the cover the full page? I was also wondering how I add images for the background instead of a color? Any help and guidance would be much appreciated, I have been stuck on this for a while now:(

This is the code I am using,

.content-box-yellow {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
}
.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
}

[brookelustig]

Does anyone know how to replace the background color for the content box with an image instead?

Cheers,

Brooke

[Boblebad]

I believe that you could just change "background-color" to "background-image: url("image.jpg");" and of course add the path to the image 🙂

[Author]

Posts