Hover Social Icon in header

  • Resolved wojtek0606

    (@wojtek0606)


    2 years, 9 months ago

    Hello!

    Is there any way to set hover on social media icons in the header of the page. I can add the icons themselves and specify their color, but I don’t see anywhere to specify hover. Do you need to insert custom CSS for this?

    PS I’ve Neve Pro.

    • This topic was modified 2 years, 9 months ago by wojtek0606.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @wojtek0606,

    Thanks for choosing Neve!

    Indeed it’s possible to set the hover color only with CSS. At the moment there is no direct option in the theme to achieve this. Adding the code below in the Additional CSS section within the Customizer should do the trick.

    .nv-social-icons-list:nth-child(1) a:hover {
    background-color: red !important;
}

    This snippet should be added for each icon, simply by changing the index of the nth-child which represents the order index of that icon and the background color with the desired one.

    As you use the Pro version of the theme, please contact us by opening a ticket directly on our site for any other questions you may have in the future. This way we will be able to help you quicker and more efficiently.

    Have a nice day!

    Thread Starter wojtek0606

    (@wojtek0606)

    It works!

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hover Social Icon in header’ is closed to new replies.

Tags