Adding Colour To The Bottom of My Site

If you add:

#genesis-footer-widgets {
    background-color: #CEDDD7;
}

to your css it should hopefully work.

@glendaviesnz Thank you! That worked straight away! Copy, paste, bam there it is!
Now my issue is that the title background of the footer widgets is still white, I’ve tried fixing it in a similar way as well as making the padding between the title and the other text smaller but I just don’t have enough knowledge of how to to do it correctly, so it’s not working.
And this may be pushing my luck but is there a way to make the footer widget 1 and footer widget 2 left justified?

Thank you so much for your help!

The trick to overriding theme styles is getting the right level of CSS specificity – you can learn more about this at https://css-tricks.com/specifics-on-css-specificity – in a nutshell you need to make your selectors more specific than the ones in the theme, otherwise the theme ones will keep overriding yours.

So for your remaining issues something like the following should work.

h3.widgettitle.widget-title {
    background-color: #CEDDD7;
    text-align: left;
    padding-left: 0;
}
.widget-wrap .textwidget {
    text-align: left;
}

Thank you @glendaviesnz . I’ll have a look and a read.
Again your code worked perfectly.

Thank you