Menu Help

VisualVoodoo

Hi guys...I have been playing around trying to make my blog and SmugMug look seamless. I am pretty darn close but trying to find the correct code via CSS is driving me mad. I have been using Firebug and these forums trying to find a good answer and not yet figuring it out.

What I am trying to do is move the menu a little to the left and increase the spacing between menu words. Maybe the ability to move the logo left or right too.

http://www.visualvoodoo.com

Can anyone help me out with this? Thanks....

Hikin' Mike

Change this in red:

.sm-page-widget-7180946 .sm-page-widget-content {
    margin-bottom: 24px;
    margin-top: [COLOR=Red]25[/COLOR]px;
    }

Add this:

.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .sm-page-widget-nav-toplink {
    margin: 0 31px 0 1px !important;
    }    

VisualVoodoo

Hi Mike. I used to teach flight students how to fly out of the Atwater airport...the old airport...which I believe is an industrial area now. That was one of the stop points for my students.

Anyhow, thanks for responding. I appreciate that. I believe it's pretty close to perfect now...

The first code didn't do anything. It looks like it will move something (logo or menu) up or down but I couldn't see anything move after changing the numbers big and small.

The second code...thanks...that worked. I wasn't sure what the difference was between the first number and the second number as they appeared to do the same thing. I changed those big and small trying to decipher what they do. I went with your 31 and made the last number 0 and that got them relatively close to my blog.

It looks like the menu needs to shift to the right a bit and I was not able to figure that one out. Any ideas Mike?

Thanks.

Allen

VisualVoodoo wrote: »

Hi Mike. I used to teach flight students how to fly out of the Atwater airport...the old airport...which I believe is an industrial area now. That was one of the stop points for my students.

Anyhow, thanks for responding. I appreciate that. I believe it's pretty close to perfect now...

The first code didn't do anything. It looks like it will move something (logo or menu) up or down but I couldn't see anything move after changing the numbers big and small.

The second code...thanks...that worked. I wasn't sure what the difference was between the first number and the second number as they appeared to do the same thing. I changed those big and small trying to decipher what they do. I went with your 31 and made the last number 0 and that got them relatively close to my blog.

It looks like the menu needs to shift to the right a bit and I was not able to figure that one out. Any ideas Mike?

Thanks.

This is looking a gallery.
Looks like the right margin is shifting the text to the left.

.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .sm-page-widget-nav-toplink {
margin: 0px 31px 0px 0px !important;
}

Setting some on both sides centers nav.

margin: 0px 10px 0px 10px !important; /* top R bot L */

Edit: the actual nav div is centered. It was that in each cell the text was shifted to the left with that R margin.

Hikin' Mike

VisualVoodoo wrote: »

Hi Mike. I used to teach flight students how to fly out of the Atwater airport...the old airport...which I believe is an industrial area now. That was one of the stop points for my students.

I'm not sure if the airport is still in use. I know flight students are using the old Castle AFB now. I was at Castle "back in the day".

Hikin' Mike

The code I posted worked 100% using the Firebug tool. I went back and forth to make sure your SM nav was 100% the same as your WordPress site.

VisualVoodoo

Thanks Mike and Allen. I got it pretty darn close. Doesnt quite look centered to my eye...but it is close enough zi think. Thanks for the help and have a great weekend.