Add horizontal line below top inset widget area

[Vicki Berenson]

How can I add a horizontal line below the whole top inset widget area? Adding it to each widget doesn’t provide a continuous line that is lined up properly.

[Styled Themes]

it looks like you added it already. It doesn’t line up probably because you have sub-menu items on the bottom of the menus which has a larger left padding (is this http://prntscr.com/ty9d14 what you referring to?)

[Vicki Berenson]

Oh, no, I meant <hr> above the page titles on all the pages and blog pages, below the Shari Cohn MSSW widget which is in the top inset widget area. On the home page I have hidden the title and put the <hr> on the page, but on the other pages if I do that the horizontal line appears below the page title.

I tried adding <hr> at the end of each top inset widget but they don’t line up and there is a break between the widgets. So I would like to put it above the title. Would that involve editing the page template and if so, how?

I actually don’t want the extra line below the main items in the sidebar menu. I don’t know how to remove that.

[Styled Themes]

you could do something with CSS instead of a

---

try targeting the top inset sidebar, something like that:

#inset-top-group aside {
    border-bottom: 1px solid #4c4c4c;
    margin: 0 0 25px 0;
}

hope this helps

[Vicki Berenson]

Just what I needed, thank you!

[Author]

Posts