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

Dropdown menu color

    • 8 years, 7 months ago teamexcellence
      Participant

      Expired

      Hi,

      I have set my dropdown font color(hover) by putting CSS code as follows.

      nav .menu li ul.sub-menu li a:hover {
      color: #ffffff !important;
      }
      nav .menu li > ul.sub-menu li:hover {
      background: #bc625a !important;
      }

      However, when I am at a certain page which is a page under the main menu, the dropdown font color seems to be blended with dropdown background color.

      https://drive.google.com/file/d/0B3IUY4xxrFwXOEpNbUUzZUZqNnM/view?usp=sharing

      By the way when i hover mouse over that dropdown title, the font color looks right (white).

      https://drive.google.com/file/d/0B3IUY4xxrFwXV2dqeFhxaTJCTVU/view?usp=sharing

      I’m not sure if i need any other CSS code for this, could you please help? (I tried to fix font color in Specular>>Styling options, but didn’t work.)</p>
      Many thanks in advance!

       

       

      • This topic was modified 8 years, 7 months ago by teamexcellence.
      • This topic was modified 8 years, 7 months ago by teamexcellence.
      • This topic was modified 8 years, 7 months ago by teamexcellence.
      • This topic was modified 8 years, 7 months ago by teamexcellence.
    • 8 years, 7 months ago Mirela
      Participant

      Hello,

      The links you have send, do not open correctly and the view is not helpful. See screenshot of it: https://pho.to/Ahub7
      Please send us the link of your site so we can give it a closer look.

      Best regards!

    • 8 years, 7 months ago teamexcellence
      Participant

      Expired

      Hi Milaiha,

      Unfortunately, we are currently working on it on our local environment, it has not been published online yet. So cannot be able to give you our site link at the moment.

      However, i have modified the screenshot image links, hope it works properly now.

      Thankss a lot

      • This reply was modified 8 years, 7 months ago by teamexcellence.
    • 8 years, 7 months ago Mirela
      Participant

      Hello,

      This happens because the color of the active menu item (the page you are currently) is the same as the background color of the submenu. Try adding this css as well:

      nav .menu li > ul.sub-menu li.current-menu-item > a {
          color: #37bdac !important;
      }

      Change the color to your wish. Let us know.

      Best regards!

    • 8 years, 7 months ago teamexcellence
      Participant

      Expired

      It works well! Thanks Mihaila :)

Viewing 4 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