Customizing menus in Oxygen theme
-
Dear friends:
I’m trying to customize the menus in Oxygen theme (I have a premium account). Three problems:
1) How do I remove completely the secondary lateral sidebar at the right?, so I can have two columns instead of two.
2) How do I change the background color and the font color of the page links at the top of the primary lateral sidebar at the left. I’d like just black font on white background.
3) I would like also change the font color of the the titles in the lateral sidebar and tertiary menu (footer), from that pale grey to black.
The blog is http://cambiocultural.org
Sorry for the lengthy request for help !!
Any suggestion will be much appreciated.
The blog I need help with is: (visible only to logged in users)
-
Hi there,
1) How do I remove completely the secondary lateral sidebar at the right?, so I can have two columns instead of two.
Add the following to the end of your custom CSS. Other adjustments may be required once you get some actual images and content on the site.
#tertiary { display: none; } .page-template-showcase-php #content { margin-right: 0; } .featured-image img { width: 100% !important; } .section-title h1 { width: 96%; }2) How do I change the background color and the font color of the page links at the top of the primary lateral sidebar at the left. I’d like just black font on white background.
It looks like you have the background color on the menu white now. You can use the following to change the font color to black
.main-navigation > div > ul > li > a { color: #000; }If you also wish to change the color of the current page item in the menu, you can add the following and adjust the color as desired.
.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { color: #cc0000; }3) I would like also change the font color of the the titles in the lateral sidebar and tertiary menu (footer), from that pale grey to black.
This will change the widget title color.
.widgettitle { color: #000; } -
Dear thesacredpath:
You are among the most helpful and kindest people I’ve known.
Now I see that once the lateral sidebar at the right has been removed, the main column of the home page has expanded, but the rest of the pages of the site have still 3 columns and the last one at the right is just empty.
The problem is that the two sidebars (left and right) were exactly the same. Is it possible to do something in order that their elements are not repeated? For example, filling the right sidebar only with text and image widgets.
-
Sorry, if you wish all pages to not have the right sidebar, then in the CSS I gave, change this rule
.page-template-showcase-php #content { margin-right: 0; }to this
#content { margin-right: 0; }and then change this rule
.featured-image img { width: 100% !important; }to this
.featured-image img, .entry-content img { width: 100% !important; }Also, in the Media Width field below the CSS edit area in the Customizer, put 750 in that box so that images will automatically adjust to fit the area and not be distorted.
If you wish to keep the right sidebar and have different things in them, go to Appearance > Widgets and you can add or remove from the Primary (left) and Secondary (right) sidebar. If you wish, you can add image widgets and text widgets to the right sidebar and then keep things like recent post, recent comments, categories, etc., in the left, or whatever feels right to you.
-
Dear thesacredpath:
Very very useful information. Now I’m experimenting with the options you have pointed out, including customizing both sidebars.
Please consider this thread solved.
Your help is much appreciated.
-
- The topic ‘Customizing menus in Oxygen theme’ is closed to new replies.