Sight Theme CSS-Current Page Background Colour

• 

  barracov · Member · Mar 31, 2014 at 10:33 pm

  • Copy link
  • Add topic to favorites

  I have this code

  .menu .current_page_item a, .menu .current-menu-item a {
  background-color: #FF7DBD
  }

  to change the background colour of the menu of my current page, but it does not cover the whole tab. I need the background colour of the current page to be a bit wider. Help???!!!

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

• 

  designsimply · Member · Apr 1, 2014 at 11:26 pm

  • Copy link

  Check out this answer:
  https://en.forums.wordpress.com/topic/sight-theme-css?replies=4#post-1723210

  The first block removes the bottom margin for list items and adds back the same spacing as padding instead. That will help. Once that CSS has been saved, adjust your example so it applies to the list item (the “li” element in the HTML) instead of just the link (the “a” element in the HTML). Here is your example adjusted to remove the “a”s:

  .menu .current_page_item,
  .menu .current-menu-item {
  	background-color: #ff7dbd;
  }