Transparent footer 7.1

Hi,

Anyone knows how to make the footer transparent and the text and social icons in white? Custom CSS?

I tried this but it did not work.

/*TO MAKE TRANSPARENT*/
.Footer {
    background-color:transparent !Important;   
}

Thank you so much,

Can you share link to your site? We can help easier.

or you can try this code

/* footer color */
footer.sections .section-background {
	background: transparent !important;
}
/* footer text color */
footer.sections * {
	color: white !important;
}
/* footer social */
footer.sections * {
	fill: white !important;
	stroke: white !important;
}

I am leaving the footer in white in the end, it doesn't have an easy solution looks like. Do you know how I can change the hover colour of the social icons in the footer?

Thanks

On 7/7/2020 at 9:45 PM, Mandylab said:

I am leaving the footer in white in the end, it doesn't have an easy solution looks like. Do you know how I can change the hover colour of the social icons in the footer?

 

Thanks

Can you share link? Difficult to help without checking url

Hello @Mandylab and @tuanphan

Were you able to find a css code to make the footer transparent? 

I tried the code, but it didn't help. 

footer.sections .section-background {
	background: transparent !important;

Any help would help! Thanks!

47 minutes ago, Andyancreative said:

 

Hello @Mandylab and @tuanphan

Were you able to find a css code to make the footer transparent? 

I tried the code, but it didn't help. 

footer.sections .section-background {
	background: transparent !important;

 

Any help would help! Thanks!

Try

footer.sections section {
	background: transparent !important;
}

If it doesn't work, please share link to your site, we can check easier.

Thank you @tuanphan for helping out!

The code didn't work. Here's the link to the site. 

Url: https://www.loxd.io/home-page/

PW: loxd

Thanks!

@tuanphan If the transparent code doesn't work. How would you go about reducing the padding of the footer even more? I currently have the code:

#footer-sections {
   padding-top: 10px !important;
   padding-bottom: 0 !important;
 
}

but would like the footer to be small black/color strip at the bottom if the transparency doesn't work. 

Thanks!