Background transparency part 2

[Ilkka Suominen]

Hi!

I found the copy-paste code that you can add to your custom CSS in your Styling section in order to change transparency of the body text background:

div#sidebar nav a,
div#sidebar nav a:visited,
header#primary,
#content,
div#sidebar nav li.current-menu-item li a,
.staff-list article,
select.tinynav,
#sidebar .widget {
background-color: rgba(0, 0, 0, 0.50);
}

I noticed that the “Navigation Background Hover Color” isn’t working anymore if you use the custom css above. Main items in the menu use the colour of the background but some of the submenus have the right hovering colour.

Any change of getting update to this custom css? 🙂
It might also be that I’m not getting something. 🙂

– Ilkka –

[Bill Robbins]

Ilkka,

Thank you for your business first of all. Great question too. Sometimes when adding custom CSS we need to restate some of our custom colors just to make sure they take. Let’s add this too for your hover color to the Custom CSS:

div#sidebar nav a:hover,
div#sidebar nav .current-menu-item a {
	background-color: #ACB55C;
}

Just replace the ACB55C with the color you’d like to use for your current page/hover color and that should do the trick.

If you have any trouble, let me know.

Have a great weekend,
Bill

[Ilkka Suominen]

Makes sense and works! Thanks Bill! 🙂

– Ilkka –

[Bill Robbins]

Anytime Ilkka. Have a great week and let me know if you need anything else 🙂

[Author]

Posts