When hiding, make sure you fully hide

[ksnyde 0]

I used PageLines page control to "hide morefoot sidebars" ... first a pet peeve ... why call this a SIDEBAR when it's not on the side. Ok, letting that one go for a moment. When a user chooses to remove the morefoot sidebars the horizontal rule that separates the content from the morefoot section remains but no longer serves a function. Can this not be hidden along with the morefoot sidebars?

[catrina 103]

It can be hidden with CSS. Would it be possible to post a link to your site?

[ksnyde 0]

For reference: - In PlatformPro: [url="http://lifegadget.co"]http://lifegadget.co[/url] - In PageLines Framework: [url="http://test123.lifegadget.co"]http://test123.lifegadget.co[/url] rather than just forcing it to hidden via CSS, would it be possible to move the horizontal rule into the "morefoot sidebar" block? That way it appear when there is a morefoot sidebar and not show if there isn't. I think this should really be considered a defect and fixed in the core build. But ignoring that for a moment ... I'm about to move the PageLines Base so that I can do further customisations and was hoping I could make a change there which allow for this behaviour. Is that possible?

[catrina 103]

The rule/border could be removed and then a border could be added above the morefoot sidebar so that it belongs to the morefoot sidebar. Please add this CSS to Custom Code > Custom CSS hide the border that is appearing on your site: [code]#post div.post {border-bottom: none;}[/code]

[ksnyde 0]

This didn't work. No change. Any other ideas? Also can you suggest how element to target to create the horizontal rule in the morefoot sidebar?

[catrina 103]

Try this instead: [code]#post-17 div.post-17 {border-bottom: none;}[/code] Can you please enable the morefoot sidebar so that I can inspect it?

[ksnyde 0]

Ok, I've enabled the morefoot sidebar ([url="http://test123.lifegadget.co"]http://test123.lifegadget.co[/url]). I will say though, with it on or off your most recent CSS suggestion doesn't work. Also, based on the way you're doing it (aka, targeting a specific ID like post-17) it will be very fragile and I suspect not work on future pages where this configuration exists. Also may break between environments.

[catrina 103]

Yes, I'm aware that post-17 wouldn't work for other pages, but I just wanted to see if the CSS property would work. Try this one instead: [code]article#post div.post {border-bottom: none;} section#morefoot div.morefoot-pad {border-top: 1px solid #EBEBEB;}[/code]

[ksnyde 0]

This doesn't disable the horizontal rule but does add one in morefoot (however the margins are wrong ... too wide).

[kastelic 6]

To hide the border at the bottom of the entry content: [code].hentry { border-bottom: none; }[/code] The morefoot width is not the same so you won't be able to get the same width that you are looking for with a border on top of it. You could show the other border on a page-by-page basis [code]#page-id-17 .hentry { border-bottom: 1px solid #ebebeb; }[/code]

[Rob 547]

Did Jim's solution work?

[ksnyde 0]

Kastelic, your first comment is right about removing the page-level HR. I'm surprised there's no way to dynamically move the column definition that the morefooter is clearly able to achieve. I don't really see the static ID reference on a per page solution as a workable solution but for the short term I'll aim to just remove all references to morefooter (or live without the horizontal rule).