Nav Bar highlight issue

  • Resolved goldmember

    (@goldmember)


    15 years, 1 month ago

    on this page, https://www.diveneycue.com/wordpress/, i want to increase the height of the blue color highlight, when i hover over one of the links in my top nav bar, so that it equals the height of the dark bar behind it, and is a little wider too.

    i figured i need to add a height to here:

    #nav a:hover, #nav a:active,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
        {
	background:#295887
	}

    but i tried that and it didnt work. any ideas? please advise. thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

  • i would use padding to create the height; also added to the style before to keep the links from ‘jumping’:

    #nav a, #nav a:visited {
	color:#FFF;
	text-decoration:none;padding:5px 5px 6px 5px;
	font-weight:bold
	}
#nav a:hover, #nav a:active,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
        {
	background:#295887;padding:5px 5px 6px 5px;
	}

    Thread Starter goldmember

    (@goldmember)

    thanks. that worked perfectly!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Nav Bar highlight issue’ is closed to new replies.