Footer color

  • Resolved trololoo

    (@trololoo)


    4 years, 7 months ago

    Hello,
    i tried to change footer color with css
    #footer {
    background-color: #4f5b66;
    }
    #footer .copyright {
    color: #aaa;
    }
    and others, but none of them worked, i googled it for hours now and i can’t figure it out.
    Can you help me please? Thank you ??

    • This topic was modified 4 years, 7 months ago by trololoo.

    The page I need help with: [log in to see the link]

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

  • Hi

    Please try the following CSS code:

    #footer {
background-color: #4f5b66 !important;
}
#footer .copyright {
color: #aaa !important;
}

    If selectors are correct then hopefully it will fix your issue.

    Thread Starter trololoo

    (@trololoo)

    It still doesn’t work ??

    What about adding to your Additional CSS:

    footer.site-footer {
    background: #f00;
    color: #f00;
    }

    ==========================

    Or change anything you want:

    /*footer css*/
    footer.site-footer {
    float: left;
    width: 100%;
    padding: 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* background: #00cccc; */
    /* color: #00cccc; */
    }
    footer.site-footer .site-info {
    text-align: center;
    color: #fff;
    float: left;
    width: 100%;
    }
    footer.site-footer .footer-right {
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    }
    footer.site-footer .footer-right .social_icons li {
    display: inline-block;
    margin: 0 10px;
    }
    footer.site-footer .footer-right .social_icons li a {
    width: 35px;
    height: 35px;
    display: block;
    line-height: 35px;
    background: rgba(255, 255, 255, 0);
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: 1px solid #fff;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    }
    footer.site-footer .footer-right .social_icons li a:hover {
    color: #fff;
    border-color: transparent;
    }
    footer.site-footer .footer-right .social_icons li.facebook a:hover {
    background: #3b5998;
    }
    footer.site-footer .footer-right .social_icons li.gplus a:hover {
    background: #d34836;
    }
    footer.site-footer .footer-right .social_icons li.linkedin a:hover {
    background: #007bb6;
    }
    footer.site-footer .footer-right .social_icons li.twitter a:hover {
    background: #1dcaff;
    }
    footer.site-footer .footer-right .social_icons li.Instagram a:hover {
    background: #125688;
    }
    footer.site-footer .footer-right .social_icons li.pinterest a:hover {
    background: #e95950;
    }
    footer.site-footer .site-info a {
    color: #fff;
    }
    /*footer css*/

    Thread Starter trololoo

    (@trololoo)

    Thank you! that css worked!
    Thank you again and have a nice day ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footer color’ is closed to new replies.