Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Top widget area – social media icon link colour

    • 8 years, 6 months ago poppyd
      Participant

      Expired

      Hi

      I have set a top widget area and added the social media icons to this and set their colour to white as my top widget area background is green.

      However when I hover over each icon they disappear – I cannot see any option for setting the colour of the icon link on hover please?

      Thanks

      J

    • 8 years, 6 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      .top_nav .social_widget li i:hover {
          color: white;
      }

      Change the color to your wish.

      Best regards!

    • 8 years, 6 months ago poppyd
      Participant

      Expired

      Perfect works great many thanks!

    • 8 years, 6 months ago poppyd
      Participant

      Expired

      Hi again

      I also need the hover links in the top right hand widget custom menu area to be grey when hovered ?

      I have tried the below css but no luck?

      .top_nav .nav_menu li i:hover {
      color: #606060 !important;
      }

    • 8 years, 6 months ago Mirela
      Participant

      Hello,

      Are you referring to this site (screenshot)?
      If yes, then please add this code into your custom css box:

      .header_12 .header_widgetized .widget a:hover {
          color: #4f5050 !important;
      }

      If not, please send us a link where are you having this.

      PS: Please help us keep a clear forum by opening a new tickets for every new question. So the current topic won’t lose it’s initial direction. Thank you for the cooperation.

      Best regards!

    • 8 years, 6 months ago poppyd
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 6 months ago poppyd
      Participant

      Expired

      Hello

      any update on the above please? really need to get the site complete asap

      Thanks!

      J

    • 8 years, 6 months ago Mirela
      Participant

      Hello,

      Add this code instead:

      .widget a:hover {
          color: white !important;
      }

      Edit the color to your wish.

      Best regards!

    • 8 years, 6 months ago poppyd
      Participant

      Expired

      Perfect thanks thats complete now

    • 8 years, 6 months ago poppyd
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 6 months ago poppyd
      Participant

      Expired

      Its ok sorted now – there was some conflicting custom css that was the issue now

Viewing 10 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password