Decrease space in nav bar

charlotteraboff

Hi!

Smugmug: vastrahamnen.smugmug.com

I want to decrease space in the nav bar between the galleries.

I got this code from your email support and I added it to the css block for the entire site - publish BUT I don´t see any changes. I have change the numbers but that does not help and empty the cache.

.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-vertical.sm-page-widget-nav-toplinks-separator .sm-page-widget-nav-toplink {
padding-bottom: 5px !important;
margin-bottom: 5px !important;
}


So, what shall I do?

Thanks
Charlotte

tomnovy

Hi Charlotte,

In the ENTIRE SITE section - please replace your CSS code {in the CSS content block} with:

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

You can change the px value to the one that suits you.

charlotteraboff

Thanks for your quick reply.

I have replaced the code with the one you suggested (I edit in Chrome ) but I see no change at all after I publish.
I change the value to 5px for example and no difference, and I have empty cache..

tomnovy

Charlotte,

I have added the code for you and all works fine now

charlotteraboff

tomnovy wrote: »

Charlotte,

I have added the code for you and all works fine now

OK. Great. Thanks.

But what did I do wrong?

tomnovy

Putting the !important tag to the px amount solved the issue:

.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-vertical .sm-page-widget-nav-toplink {
margin-bottom: 5px !important;
}