How to reduce the spacing between words in nav bar

anonymouscuban

How do I reduce the padding between the words in my nav bar?

Thanks for the help. Link to my site:

alexsotelophotography.com

aschendel

Something like this in your global CSS:

.sm-page-widget-nav-toplink {
    margin-right: 18px;
}

this is the full "tree", if the above doesn't work try this and then you can pare it back as needed:

.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .sm-page-widget-nav-toplink {
    margin-right: 18px;
}

jdwl

aschendel wrote: »

Something like this in your global CSS:

.sm-page-widget-nav-toplink {
    margin-right: 18px;
}

this is the full "tree", if the above doesn't work try this and then you can pare it back as needed:

.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .sm-page-widget-nav-toplink {
    margin-right: 18px;
}

hi there - I am having white lines as separators between my navbar icons.
how can I add them in the New SmugMug?

lg
HJS

aschendel

jdwl wrote: »

hi there - I am having white lines as separators between my navbar icons.
how can I add them in the New SmugMug?

lg
HJS

you might have some success with CSS like this:

.sm-page-widget-nav-toplink {
  border-right: 2px solid #000000;
  font-size:1.2em;
  line-height:normal;
  margin:0px !important;
  padding: 0 20px 0 20px;
}

.sm-page-widget-nav-toplink:last-child {
  border-right: 0px solid #000000;
}

jdwl

aschendel wrote: »

you might have some success with CSS like this:

.sm-page-widget-nav-toplink {
  border-right: 2px solid #000000;
  font-size:1.2em;
  line-height:normal;
  margin:0px !important;
  padding: 0 20px 0 20px;
}

.sm-page-widget-nav-toplink:last-child {
  border-right: 0px solid #000000;
}

worked - great! thx

VNemeth

aschendel wrote: »

you might have some success with CSS like this:

.sm-page-widget-nav-toplink {
  border-right: 2px solid #000000;
  font-size:1.2em;
  line-height:normal;
  margin:0px !important;
  padding: 0 20px 0 20px;
}
 
.sm-page-widget-nav-toplink:last-child {
  border-right: 0px solid #000000;
}

Is it possible to get the nav bar links to be highlighted when the mouse is over them?
thanks
Vic

Allen

VNemeth wrote: »

Is it possible to get the nav bar links to be highlighted when the mouse is over them?
thanks
Vic

Add this to "entire site" CSS

          /* menu hover */
.sm-page-widget-nav-toplink a :hover, 
.sm-page-widget-nav-toplink a:hover {
  color: gold !important;
}

VNemeth

Allen wrote: »

Add this to "entire site" CSS

          /* menu hover */
.sm-page-widget-nav-toplink a :hover, 
.sm-page-widget-nav-toplink a:hover {
  color: gold !important;
}

Allen
That worked great. I also added font-size:14px so the link also increases in size at the same time.
Thanks
Vic

SergeBerrardVisuals

thanks All.
by the way is it possible to change the font of the navbar (only) ?
thanks in advance,
Serge