Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10314

    How can I create a transparent Footer background?

    I want that the footer background become the same of the site-backround and, after that I change the font-color.

    Thank you

    #67626

    Hey!

    You can change the footer color with following code:

    #top #footer{
    background: transparent !important;
    }

    I’d add the code to css/custom.css

    Best regards,

    Peter

    #67627

    mmmm…It’s not working…

    this is my footer css code

    -) FOOTER

    *************************************************************************/

    #footer{

    padding:10px 0 40px 0;

    font-size:11px;

    overflow: hidden;

    }

    #footer .widget{

    padding:30px 0;

    width:100%;

    }

    #footer .widget>ul, #footer .widget>div, #footer .widget>span, #footer .widget>p{

    opacity: 0.7;

    }

    .bg_container{

    background-position: center center;

    background-attachment: fixed;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height:100%;

    width:100%;

    position: fixed;

    z-index: 1;

    top:0;

    left:0;

    }

    .footer-logos{

    overflow: hidden;

    clear: both;

    border-top:1px solid #e1e1e1;

    }

    .footer-logos img{

    float: left;

    padding:10px 5px;

    }

    where I put the code?

    #67628

    Hey! A transparent footer would also require you to move the footer outside of the wrap_all div.

    in footer.php line 113 the end div needs to be removed and instead placed in line 44. The the snippet that dude provdided should help :)

    Cheers!

    Kriesi

    #67629

    and now? http://demi-mot.com/ ….I’m not a programmer :)

    #67630

    Hey!

    Drop this on your custom.css.

    .container_wrap, #socket {

    background: rgba(238, 238, 238, .2);

    }

    Best regards,

    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Footer background transparent?’ is closed to new replies.