Sidebar Content lines and spacing

  • I would like create light lines and proper spacing between the hyperlinks in the “Series” sidebar menu like that of the “Best Of” sidebar menu – which is a “custom” menu item sitting above it.

    Can anyone help with a CSS for this?

    Thanks, Greg
    https://gregsimas.org

Viewing 2 replies - 1 through 2 (of 2 total)

  • Greg,

    Which sidebar widget are you using for the “Series” section in the sidebar? Could you change the “Series” to be a custom menu widget instead?

    The markup for the “Series” widget is different from a custom menu so the styles may not be 100% accurate, but this custom CSS should work:

    .widget_seriestoc li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px 0 9px;
}

.widget_seriestoc li:first-child {
	border-top: 0;
}

.widget_seriestoc li ul {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 9px;
}

.widget_seriestoc li li:last-child {
    padding-bottom: 0;
}

.content-sidebar .widget_seriestoc li {
	border-color: rgba(0, 0, 0, 0.1);
}
    Thread Starter gregsimas

    (@gregsimas)

    Worked great. Thank you!

    Greg

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar Content lines and spacing’ is closed to new replies.