Twenty Twelve – left sidebar needs padding but won't take it

thesacredpath · Member · Nov 5, 2013 at 7:19 pm
Copy link
Ah, now I’m seeing what you are seeing. I didn’t realize that it was when you narrowed down your browser window that this was happening. It doesn’t happen above 600px in width. Add the following, which changes things when 600px and below.
```
@media screen and (max-width:600px) {
.widget-area {
max-width: 250px;
}

#nav_menu-3 {
overflow: hidden;
}
}
```
kira27 · Member · Nov 5, 2013 at 9:22 pm
Copy link
thank you again.

I put that in and now the title and the rollover backgrounds are a bit short of filling out the full area of the sidebar background, so it’s not quite right.

Also, the pages without widgets still have the background there. Is there any way to fix this?
timethief · Member · Nov 5, 2013 at 9:25 pm
Copy link
That is NOT the blog I need help with.

It’s at http://webseminary.com

Click this link found in the footer of that blog Proudly powered by WordPress

Sorry but we provide support only for free hosted WordPress.COM blogs and it appears that you are posting to the wrong support forum.

WordPress.com and WordPress.org have different log-ins and run different versions of themes with same names. If you don’t have a username account at WordPress.ORG click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the support forums there and receive advice from WordPress.ORG bloggers.
thesacredpath · Member · Nov 5, 2013 at 9:47 pm
Copy link
On the background on other pages, you will have to exclude it from the pages that do not have a left sidebar. I think this catches them all, but you can add to the list of selectors if you find additional.
```
.page-id-11 .wrapper, .page-id-13 .wrapper, .page-id-15 .wrapper, .page-id-17 .wrapper, .page-id-19 .wrapper, .page-id-21 .wrapper {
    background: none;
}
```
If I put the code I show above into your site using the web inspector in Firefox and it works. With the above change, change the width in #nav_menu-3 h3.widget-title back to 250px.
timethief · Member · Nov 5, 2013 at 9:50 pm
Copy link
@thesacredpath
Am I wrong? I’m confused and asking because http://webseminary.com appears to be a self hosted WordPress.org install.
thesacredpath · Member · Nov 8, 2013 at 2:50 am
Copy link
@timethief, you are right. Since the OP was using a theme available here, I decided to help since what they were asking would be applicable to a site here using the same theme.

No items found.