Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Recommended Posts

Posted (edited)

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,

Edited by Mandylab
Link to post
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

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;
}

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

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

Link to post
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

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
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.

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

@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!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...