For the centering, add this to your child theme style.css file:
#header ul.sf-menu {
margin-left: 320px;
}
That did the trick. Thanks Josh. Any clue on my second issue? That default homepage is always referencing a page in the Pages List and always displays the title of the page as a clickable link. I feel like on homepages it is the homepage and most people already know they are there.
I’m not quite sure I understand.
Nevermind Josh. Since you handled the previous centering issue so quickly, can you help me with another.
http://www.alexandrakatherine.com/newgallery/
The gallery is created by NextGen gallery. I can’t get it centered on the page. I have read page after page of people with the same issue that simply can’t get it centered. Everyone proposes changes to different areas in the code.
This one is a little more tricky. Here is the css file you will need to adjust:
http://www.alexandrakatherine.com/wp-content/plugins/nextgen-gallery/css/nggallery.css
And here is the adjustment you need to make to that file:
.ngg-galleryoverview {
margin-left: 180px;
width: 100%;
}
Just add it to the very bottom of the css file, on a new line.
NOTE: This is probably going to be overwritten whenever you update the plugin. So you may need to add it again, after an update.
NOTE 2: This is only going to work for the five thumbnails currently on the page. If you add another thumbnail, you will need to adjust the margin-left property accordingly.
Hope that all makes sense 😉
Come to think of it… you might be able to add this to a child theme. I’m not too sure of the precedent plugins stylesheets take in relation to a child themes stylesheet.
If anyone else has any experience with this… I’d like to know.
And I think I understand your other issue now. Basically, you want people to know which page of the menu they are currently on??
As far as I know, there isn’t a simple solution to making the current page’s menu link inactive. This would probably have to be done with a custom function.
However, what you could do is add a css rule which will give the active pages menu title a slightly different background color, or a larger text size, when you are on that page.
How come when it comes to positioning things in .css it seems to take on exact numbers as opposed to aligning Center or something?
Well, aligning center is valid… however it only works when a width is defined or it is relative to a parent div.
If you are trying to align a group of items, all withing a parent div, sometimes you must first make some definitions.
It really depends on what you are positioning, and how it is set up.
I know, real specific information, right?? 😉
