Vertical Header Border/Drop Shadow

Visual Voodoo

Hello,

I am trying to mirror the look of two sites so that it appears to be a more seamless transition between sites.

1) I wanted to see if anyone could help me out with some code for a Vertical Header Border/Drop Shadow on the left and right side? Notice on this site (https://www.visualvoodoo.com). The theme I am using calls that left and right "border" a drop shadow. On SmugMug my site (http://www.visualvoodoo.net) I can't seem to figure out how to do it.

2) In addition, does anyone know how to create vertical padding between the nav titles in the vertical nav?

Any help would be greatly appreciated.

Thanks
David

Hikin' Mike

Add this to your theme's CSS:

.sm-user-ui .sm-page-content > .sm-page-layout > .sm-page-layout-region > .sm-page-layout-region-left {
    box-shadow: 0 0 5px #cecece;
    z-index: 1;
    }

For your second question. This is what you have now (24px). Increase the margin to suit:

.sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-vertical .sm-page-widget-nav-toplink {
    margin-bottom: 24px;
	}

Visual Voodoo

Hi Mike
Thanks Mike that was awesome and very much appreciated. Both code worked!

Do you know how to remove the top and bottom of that header drop shadow? I just want the left and right edge showing on the header.

I hope you know how to do that...because I haven't got a clue. I believe that we can just add to it. No?

Thanks again. and hope you enjoy your weekend hiking.

David

Hikin' Mike

Visual Voodoo wrote: »

Thanks Mike that was awesome and very much appreciated. Both code worked!

Do you know how to remove the top and bottom of that header drop shadow? I just want the left and right edge showing on the header.

I hope you know how to do that...because I haven't got a clue. I believe that we can just add to it. No?

Thanks again. and hope you enjoy your weekend hiking.

David

I'm not seeing a top/bottom drop shadow on my computer.

Thanks, but my days of hiking are pretty much done. :cry

Visual Voodoo

Visual Voodoo

I can just see the line at the top or the bottom. I cleared my cache first to make sure I did that then I reloaded the page and panned to the top of the screen to get this screen shot.

If we can figure that out...it would be awesome...if we can't...I can live with it. I mean it 's pretty darn close, right?

I checked out some of your photos...nice work. Yeah you live really close to a perfect place for photography.

Hikin' Mike

Visual Voodoo wrote: »

I can just see the line at the top or the bottom. I cleared my cache first to make sure I did that then I reloaded the page and panned to the top of the screen to get this screen shot.

If we can figure that out...it would be awesome...if we can't...I can live with it. I mean it 's pretty darn close, right?

I checked out some of your photos...nice work. Yeah you live really close to a perfect place for photography.

Unfortunately I can't replicate what you're seeing, so I'm not going to be able to help.

Thanks for the compliment on my work. It helps living so close to one of the most beautiful places in the world (I'm biased).

Visual Voodoo

No worries mike....thanks for your help!