Docs

[Sandie]

Hi,

1. I want to change the hover color on my social buttons in my footer. I have tried adding this CSS, but without any luck. Maybe I’m placing it wrong in the Custom CSS.

.x-colophon .x-social-global a:hover { color:#EF5973;
}

2. How do I change the color of just the footer menu to be black?

My site: http://sandramildon.com

Thanks!

Best Regards
/Sandra

[Joao]

Hi Sandra,

Please add the following code to Appereance > Cuastomizer > Custom > CSS

.x-social-global a i:hover {
    color: #EF5973;
}

To make your footer black add:

.x-colophon.bottom {
      background-color: black;
}

But your image needs to be transparent to achieve a nice effect.

Hope that helps

Joao

[Sandie]

Hi!

Thank you so much.

I just have two more things to “solve” with my footer.

1. I want to change the color of the footer MENU, not the whole footer background. I want the FOOTER MENU to be BLACK. And PINK when hovered over.

2. I want to delete the LINES under the MENU ITEMS (HOME and CONTACT).

Thanks!

Best Regards

[Rahul]

Hey There,

Thanks for writing back!

1. To change the color of the footer menu to black and Pink when hovered over add this CSS to Appereance > Customizer > Custom > CSS :

.x-colophon.bottom {
      background-color: black;
}

.x-colophon.bottom a i:hover {
    color: #EF5973;
}

2. To remove LINES under the MENU ITEMS (HOME and CONTACT) add this CSS to Appereance > Customizer > Custom > CSS :

.x-colophon.bottom .x-nav li a {
  text-decoration:none;
 }

Hope this helps!

Let us know how this goes!

[Author]

Posts