Change color below footer using CSS

  • Resolved meylodie

    (@meylodie)


    3 years, 9 months ago

    Hello,

    I am trying to change the dark grey background color of the footer and the part below. I have succeeded, but partly only, because the part below the footer still has the right and left sides grey, while the rest does have the dark blue color I want there.

    Here are the codes I have been using and trying:

    ****

    #footer {
background: #031633;}

.colophon > div  {
background: #031633;}

#colophon {
background: #031633;}

/*the ones below didn't work nor help */

/* div#colophon.colophon {
background: #031633;} */

/* #colophon .colophon #footer_colophon {
background-color: #031633;}*/

/*  #footer.footer__wrapper {
background-color: #031633;} */

/*  #footer-widget-area  > div .row {
background-color: #031633;} */

/*  #colophon .colophon > div #footer_colophon {
background-color: #ff0000;} */

    ****

    I can’t share the link to the website, because it is on private mode. However with the above information, someone more keen than I am with CSS could perhaps help me with that.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author presscustomizr

    (@nikeo)

    3 years, 9 months ago

    I’m not 100% sure we are talking about the same thing but try this and let me know if it does what you’re looking for:

    .footer-skin-dark .footer__wrapper #colophon {
    background: #031633;}

    Thread Starter meylodie

    (@meylodie)

    3 years, 9 months ago

    Hi @nikeo thank you for your help! Your code didn’t work, however one more look at the source and the DOM inspector led me to notice a class I hadn’t noticed prior (though I had been searching hard a long time).

    It is the class ” .container-fluid “.

    I added this:
    .colophon .container-fluid {
    background: #031633;}

    and it has done the trick. (Just one of the two classes alone would do something different, both are needed to get the desired color on the whole footer).

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Change color below footer using CSS’ is closed to new replies.