Top Link Separator Width Alteration

DizMagic · January 30, 2015

Does anyone have any CSS code to make the Top Link Separator lines thicker?

I can alter the thickness of standard line separators. The default is 1px, I use 5px. But there does not appear to be a thickness adjuster for the Top Link Separators, which looks really thin, I predict probably is 1px, I want to change it to 5px to match my standard line seperators.

Anyone?

Brendan · January 30, 2015

How does this work? (I don't know what color settings you're using, so this is a transparent black border.)

.sm-page-widget-nav-toplink {
  border-right: 5px rgba(0,0,0,0.1) solid !important;
}
.sm-page-widget-nav-toplink:last-child {
  border-right: 0px !important;
}

DizMagic · January 31, 2015

Thanks Brendan!

All sorted, the colour has turned out the same as my horizontal separators, though I've decided to change the 5px to 3px after seeing what it looks like. I think that looks better slightly slimmer on the vertical.

Top Link Separator Width Alteration

Comments