Footer Questions

6 posts from 3 voices

• Started 1 year ago by rkdiddy
• Latest reply from rkdiddy
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   rkdiddy
   Member

   Hello, I have two questions regarding the footer.

   1. There appears to be a transparency over the footer so the color of the print and images have a tint to them. Can that be removed?
   2. I'm trying to social media images in a row so I used a table, however there is a white background around the image. Is there a way to make this the same color as the footer?

   Site in the works: http://risencreative.com/clients/skinetics/wordpress/

   Thanks for your help!

   Posted 1 year ago #
2. 

   Devin
   Moderator

   Hi rkdiddy,

   There isn't a transparency in the footer. Its just the effect of the bright color on white text.

   You can add the following CSS to your custom.css stylesheet in your css folder (of the theme files) or the Quick CSS in the Style tab of the theme options.
   

   #footer td {
   background-color: transparent;
   border: none;
   }

   Regards,

   Devin

   Posted 1 year ago #
3. 

   Ismael
   Moderator

   Hello,

   Regarding the social media icons. I'm sure you place that on your footer.php. Please try placing the social media icons div on the "socket" container then give it a negative top position. I'm still looking for the style that is creating some sort of opacity or tint and still no luck.

   Drop this on your custom.css

   td {
      border: 0;
      background: none;
   }

   Regards,
   Ismael

   Posted 1 year ago #
4. 

   rkdiddy
   Member

   Thank you guys. While the tealish layer still appears to be on top of the footer (text and social media images), the large white spacing around them is now gone. Thank you so much for your quick service and help!

   Cheers,

   Rick

   Posted 1 year ago #
5. 

   Devin
   Moderator

   Hi Rick,

   Apparently there is a slight transparency set by default on the footer content. Not on top of the content, but the content itself. Not really sure why this is but you can remove it by adding the following to your Quick CSS or custom.css file:

   #footer .widget>ul, #footer .widget>div, #footer .widget>span, #footer .widget>p{
   opacity: 1 !important;
   }

   My eyes yesterday just didn't see the slight color difference!

   Regards,

   Devin

   Posted 1 year ago #
6. 

   rkdiddy
   Member

   Awesome - thanks so much. That changed the transparency. Thanks again for the follow-up!

   Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.