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

light version header – active color

    • 9 years ago reinhold
      Participant

      Expired

      Hi!

      How can I specify the active color of the light version header? At the moment the selected menu item is not displayed as active (color stays the same).

       

      Thanks!

    • 9 years ago Mirela
      Participant

      Hello,

      What kind of site do you have? Normal or One page? Please send us a link of it so we can give it a closer look, to understand the situation.

      Best regards!

    • 9 years ago reinhold
      Participant

      Expired

      Hi!

      Normal.

      Example: https://www.blattspiel.at/wordpress/kontakt/

      The active menu item (“Kontakt”) looks the same as all other menu items. Only if I scroll down and the header changes, the menu item color changes.

      Thanks.

    • 9 years ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:
      .header_1 nav li.current-menu-item > a {color: #dd9933 !important;}

      Let us know.

      Best regards!

    • 9 years ago reinhold
      Participant

      Expired

      Unfortunately, this does not fix it.

      Still all menu items have the same color: https://www.blattspiel.at/wordpress/kontakt/

    • 9 years ago Mirela
      Participant

      Hello,

      Please fill in the necessary information on your extra information fields of your profile data. We’ll fix this for you.

      Read this article for more information.

      Best regards!

    • 9 years ago reinhold
      Participant

      Expired

      Hi,

      I’ve added the information. Please note that I use the child theme. Please let me know  what you have changed that I’m able to change it too on future changes/updates.

      Thank you!

    • 9 years ago Mirela
      Participant

      Hello,

      In Specular theme’s style.css file, i removed the !important of the white color from this row:

      .background--dark nav .menu > li > a, .background--dark header#header .header_tools .vert_mid > a, .background--dark header#header .header_tools .vert_mid .cart .cart_icon, .background--dark .slicknav_btn:after {
        color:#fff;
      }

      It was preventing the custom css to take effect. It’s ok now. Please check your site.

      Best regards!

    • 9 years ago reinhold
      Participant

      Expired

      Thanks!

      Will this be changed by your developers in the next update? If not, what is the best way to keep this change persistent between updates?

      • This reply was modified 9 years ago by reinhold.
    • 9 years ago Mirela
      Participant

      Hello,

      I can’t tell by now if it will be included in the next update, but all you need to do is find the lines above and if you see this:
      color:#fff !important; edit it to this: color:#fff;

      That’s it.

      Best regards!

    • 8 years, 11 months ago MerijndeSteur
      Participant

      Expired

      Thanks for this information.

      The active menu color is the primary color of the website. Can i change this for only the menu?

    • 8 years, 11 months ago Mirela
      Participant

      Hello,


      @MerijndeSteur
      ,
      Yes you can do that. Just add this code into your custom css box:

       .header_1 nav li.current-menu-item > a {
          color: #10b8c7 !important;
      }

      Change the color to your wish.

      Best regards!

    • 8 years, 11 months ago MerijndeSteur
      Participant

      Expired

      Doesn’t do the job – any other options?

    • 8 years, 11 months ago Mirela
      Participant

      Hello,


      @MerijndeSteur
      ,
      Please send us a link of your site. So i can give the precise css for it.

      Best regards!

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