Social Media Background Colour on hover

  • Resolved eprice15

    (@eprice15)


    8 years ago

    Hi,

    Please can someone help me to change the background colour of the social media buttons that are on the very top header and also the footer?

    Currently, they are set as default to Orange – I can’t seem to find a way to change this!

    Thanks

    • This topic was modified 8 years ago by eprice15.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Poonam Namdev

    (@poonam9)

    8 years ago

    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!

    Thread Starter eprice15

    (@eprice15)

    8 years ago

    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 8 years ago by eprice15.
    Poonam Namdev

    (@poonam9)

    8 years ago

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

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

    (@eprice15)

    8 years ago

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

    Poonam Namdev

    (@poonam9)

    8 years ago

    Add this one to solve your issue.

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

    (@eprice15)

    8 years ago

    Perfect thank you Poonam… Orange now gone!

    Poonam Namdev

    (@poonam9)

    8 years ago

    Glad I could help. Please mark it resolve.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Social Media Background Colour on hover’ is closed to new replies.