-
Posts
-
Hi there. Total WordPress novice!
1) I’d like to make the header navigation disappear, but keep the logo and secondary content spaces in tact. This section is highlighted in red. I’ve tried deleting the Main Menu from Appearance > Menus but the “Home” and “Pages” links still appear.
2) Also, I’d like to modify the properties of the secondary information section: ie – change background color, font color, possibly include images, etc. How would I go about doing this?
3) Lastly, I’d like to modify the sidebar too — left align the links, but indented. Change the hover color, etc. Where / how would I do this?
Thank you in advance,
Joe
I’ve made some progress, but the problem is evolving a little bit.
1) Hid the main navigation by entering the following into Quick CSS:
} .header_color .container .main_menu{ display: none;2) Found the CSS codes to modify header_meta.
3) Still seeking a few solutions on the side bar.
– How to left-align the sidebar text with an indent,
– How to extend the background color of active link from left to right (instead of right to left as it is now), and
– Is it possible to add a gradient to the Alternate Background Color for sidebar?Thank you in advance,
Joe
Hey!
Thank you for the update.
1.) The css should be:
.header_color .container .main_menu { display: none; }2.) – – – – – – –
3.) Add this on Quick CSS or custom.css:
.sidebar_left.sidebar { text-align: left; } .sidebar_left.sidebar div section div ul li { padding-left: 10px !important; }Regarding the gradient, please post a screenshot of how you want it to look like.
Cheers!
IsmaelIshmael,
Thanks!
According to this link, the gradient CSS would look like this:
background: -webkit-linear-gradient(left, #93C144 , white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #93C144 , white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #93C144 , white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #93C144 , white); /* Standard syntax (must be last) */ }However, I’m not sure how to apply the CSS so it only effects the “Alternate Background color” of the Main Content.
Thank you,
Joe
Hey Joe!
Please try following code
#main .alternate_color { background: -webkit-linear-gradient(left, #93C144 , white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #93C144 , white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #93C144 , white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #93C144 , white); /* Standard syntax (must be last) */ }Cheers!
YigitYigit,
Thanks for the advice. Unfortunately, the code didn’t “take.”
What’s happening:
I’ve hidden the main navigation in the Header and will be relying on sidebar navigation for all of my pages. The page you’re is indicated by a background color in the sidebar – gray by default and green in the enclosed example. I am trying to apply the gradient here.
Please advise, if possible. This is more of a “want” than a “need,” so no hard feelings if it cannot be done.
Thank you,
Joe
Hey!
If I am not mistaken, you’re trying to apply the gradient on the active menu item. Is that correct? Please use this:
.main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item { background: -o-linear-gradient(right, #93C144 , white); background: -moz-linear-gradient(right, #93C144 , white); background: linear-gradient(to right, #93C144 , white); }Cheers!
Ismael
- The topic ‘Hiding / modifying headers and sidebar’ is closed to new replies.