Social Media Background Colour on hover

Hello there,
Add the following CSS code to customizer -> Additional CSS option
To change the default white background

.very-top-header .transparent-text-dark{
background-color: #a82c29;
}

To change the orange color background (on hover)

.very-top-header .transparent-text-dark:hover {
    background: #f16c20;
}

//For Footer
To change the default transparent background

footer.footer .social-icons i:before {
background-color: #f16c20;
}

To change the orange color background (on hover)

footer.footer .social-icons i:hover:before {
    background: #a82c29;
}

Change the color code of your choice.

Let us know if you need help with anything else!

• This reply was modified 7 years, 8 months ago by Poonam Namdev.

Awesome! that worked perfectly thank you!

Please, can you also advise me how to change the colour of border of the Standard button on the Big Title Section? This is also Orange by default

Thanks!

• This reply was modified 7 years, 8 months ago by eprice15.

Hey,
Use this custom CSS to change the color of border

.standard-button {
    border: 3px solid #333;
    border-color: #333;
}

Thank you that has worked on static – but it’s still Orange on hover!

Add this one to solve your issue.

.standard-button:hover {
    border-color: #fff;
    background: #337ab7;
}

Perfect thank you Poonam… Orange now gone!

Glad I could help. Please mark it resolve.