Footer background transparent?

6 posts from 4 voices

• Started 1 year ago by sciano
• Latest reply from Ismael
• This topic is not resolved

Tags:

No tags yet.

1. 

   sciano
   Member

   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

   Posted 1 year ago #
2. 

   Dude
   Dude

   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

   Posted 1 year ago #
3. 

   sciano
   Member

   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?

   Posted 1 year ago #
4. 

   Kriesi
   Key Master

   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

   Posted 1 year ago #
5. 

   sciano
   Member

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

   Posted 1 year ago #
6. 

   Ismael
   Moderator

   Hey!

   Drop this on your custom.css.

   .container_wrap, #socket {
   background: rgba(238, 238, 238, .2);
   }

   Best regards,
   Ismael

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.