Tortuga: item in menu turns black

• 

  nabillaaitdaoud · Member · Sep 21, 2017 at 7:30 am

  • Copy link
  • Add topic to favorites

  My home button in my top menu is black, because it’s the currently selected page… I don’t want this hover, I want it to be like the ones beside it. Five times: blacks words on an orange background, white words on a black background when you hover.

  How can I fix this? Thanks.
  https://nabillaaitdaoud.be/

  The blog I need help with is: (visible only to logged in users)

• 

  scifiknux · Member · Sep 21, 2017 at 7:49 am

  • Copy link

  Sounds like you may want to play with the CSS on your website. If you are subscribed to WordPress Premium or WordPress Business, you have the option to do just that.

  If that is the case, try copy/pasting this code to see if it works.

  .submenu-dropdown-toggle:active, .post-slider-controls .zeeflex-direction-nav a {
      background: #dd9f03;
  }

  What that should do is change the color of the active selector to the same shade of orange currently in your header. Let me know if that helps!

• 

  nabillaaitdaoud · Member · Sep 21, 2017 at 7:57 am

  • Copy link

  Hi scifiknux, thanks for your answer. I’m WorldPress Premium, so I can change the CSS.

  I pasted your code in it, but it doens’t change anything… :-(

  I already had another code pasted there too, so this is the full field now:

  .header-main {
  	padding-bottom: 0;
  	padding-top: 0;
  }
  .submenu-dropdown-toggle:active, .post-slider-controls .zeeflex-direction-nav a {
      background: #dd9f03;
  }

• 

  scifiknux · Member · Sep 21, 2017 at 8:07 am

  • Copy link

  Hmm. I’m making changes on my end through Google Chrome’s dev tools, so let’s see if this works. It’s a little long, but bear with me:

  button, input[type="button"], input[type="reset"], input[type="submit"], .main-navigation-menu a:hover, .main-navigation-menu a:active, .main-navigation-menu li.current-menu-item>a, .widget_wpcom_social_media_icons_widget ul li a, .more-link, .entry-tags .meta-tags a:hover, .entry-tags .meta-tags a:active, .widget_tag_cloud div a:hover, .widget_tag_cloud div a:active, .wp_widget_tag_cloud div a:hover, .wp_widget_tag_cloud div a:active, .post-navigation .nav-links a, .post-pagination a:hover, .post-pagination a:active, .post-pagination .current, .infinite-scroll #infinite-handle span:hover, .main-navigation-toggle, .main-navigation-toggle:active, .main-navigation-toggle:focus, .main-navigation-toggle:hover, .main-navigation-menu .submenu-dropdown-toggle:hover, .main-navigation-menu .submenu-dropdown-toggle:active, .post-slider-controls .zeeflex-direction-nav a {
      background: #dd9f03;
  }

  Unfortunately this code will probably the color of your “Read More” buttons, too.

• 

  nabillaaitdaoud · Member · Sep 21, 2017 at 8:10 am

  • Copy link

  Perfect! You, sir, are my hero. Let me know where you want your statue, and which pose you prefer.