Increase transparency of content boxes and improve drop down menu
URL to the page in question:
http://shift-command.com/dev
-
Hi Bill,
2 questions for you.
How do i increase the transparency of the content boxes.. or decrease the opacity?
the drop down menu seems very choppy and doesn’t flow very well. My client has asked that I improve it’s functionality.
Any ideas, tips or tricks you can suggest?
thanks,
Brent
Good Morning Brent,
You can change the color and/or opacity of the semi-transparent background. Here’s how:
- Go to your theme options page and choose the Style tab.
- Scroll down to the Custom CSS box and add this:
.current-menu-parent ul.sub-menu li a,
.current-menu-item ul.sub-menu li a,
#content,
#sidebar .widget,
header#primary,
.current-menu-parent ul.sub-menu li a,
.current-menu-item ul.sub-menu li a {
background-color: rgba(0, 0, 0, 0.84);
}
The 0.84 is the opacity on a scale of 0 (completely transparent) to 1.0 (completely opaque). You can change that to fit your needs.
- Update your settings.
That should change the background color for you.
You can move the drop-down items to the side instead of having them appear below in the midst of the list. Add this to your Custom CSS too:
div#sidebar nav li ul {
position: absolute;
left: 220px;
}
and that should make them appear on the right. That’s probably the simplest way to change how they work.
Take care,
Bill
Hi Bill,
thanks again for your prompt reply and great answers.. both of those are exactly what i needed.
brent
Fantastic. Have a great day Brent.
- The topic ‘Increase transparency of content boxes and improve drop down menu’ is closed to new replies.