WordPress.com Forums » Topic: Twenty Eleven: Page Sidebar Template Remove Bottom Border

designsimply on "Twenty Eleven: Page Sidebar Template Remove Bottom Border"

designsimply — Mon, 01 Oct 2012 16:02:18 +0000

Ah, an example is always so helpful! You should always include an example link whenever possible. :)

Here is the CSS you're looking for:

.page-template-sidebar-page-php .hentry {
	border-bottom: none;
}

Also, watch out for the order of the words. In your example above, the border rule in the 2nd code block you posted is incorrect. It should be "border-bottom" not "bottom-border." I see that your question isn't about that specifically, but it was just something I wanted to mention for other people who may read this thread later.

sensuousinkspiller on "Twenty Eleven: Page Sidebar Template Remove Bottom Border"

sensuousinkspiller — Mon, 01 Oct 2012 15:41:24 +0000

No, I typed it incorrectly in the code here, I typed it correctly in the CSS. I need to know what has to be targeted for hentry for the sidebar template, only, not for the overall site.

Here is an example: http://sensuousinkspiller.com/ephemera/

See the line? I also see the little "edit" box, which I don't see on default template pages. (It happens whether on a page that enables or disables comments.)

designsimply on "Twenty Eleven: Page Sidebar Template Remove Bottom Border"

designsimply — Sun, 30 Sep 2012 23:36:41 +0000

Note that you reversed the order of the words from border-bottom to bottom-border in your example. Try sticking with the exact phrase "border-bottom" to see if that works.

If you continue to have trouble, please post a link showing an example we can take a look at.

sensuousinkspiller on "Twenty Eleven: Page Sidebar Template Remove Bottom Border"

sensuousinkspiller — Fri, 28 Sep 2012 20:17:30 +0000

Hi - I have CSS upgrade.

I'd like to change my parent (and perhaps other) pages from "default" to "sidebar" template, but testing shows that it has the border-bottom that shows with posts on the main page, this:

.hentry { border-bottom: 1px solid #CBD8F4; }

I don't know what to target to make

.hentry { bottom-border: none; }

for sidebar template. Or is there anything else that would work?

Thank you!