finalizing footer

Hi @amungatwork!

1. Can you be more specific about which whitespace you want to get rid of? Screenshots with markings would be very helpful.
2. The white border is actually box-shadow and can be removed with additional CSS like this:

   .site-footer .widget a img {
       box-shadow: none;
   }

3. The contact information in the footer can be styled with additional CSS like this:

   .site-footer .widget-area {
     color: #fff;
   }

WOW!!! That code worked – THANK YOU!!!!

1. I’m not sure how to attach a screen shot of the whitespace – basically, it is the only white space anywhere on the page. It is between the last section (“Contact us”) and the footer.

2. Do you know CSS to get the color of my menu items at the top of the page to change? I would like them to remain white, even if you click on them – just always white.

Thank you again for all your help – I am more grateful than I can say!!!

Glad the above CSS worked for you. Here’s some more!

1. The white space is a result of margin-top on the footer. That can be removed like this:

   .site-footer {
     margin-top: 0;
   }

2. The menu items in the navigation can be styled as follows:

   .navigation-top .menu > .menu-item > a {
     color: white;
   }

Hope this answers your questions.

Thank you so, so much!!! The whitespace is gone, but the top menu is not changing ?? Any more ideas?

Thank you again SO much for your help!!!

Nevermind, that code is working, now!!! Thank you so much – should be all set! ??

That’s wonderful! Please mark the ticket as resolved if all issues are fixed.

Resolved. Thank you so much!!!

• This reply was modified 3 years, 11 months ago by amungatwork.