Twenty Fourtneen Side Bar Help!

lminjares · Member · Dec 16, 2013 at 7:23 pm
Copy link

Add topic to favorites
I am trying to use the Facebook Like widget on my primary sidebar but am having trouble with it displaying correctly because the primary side bar is so small. Help please?!

The blog I need help with is: (visible only to logged in users)
timethief · Member · Dec 19, 2013 at 8:10 pm
Copy link
Have your read the theme description page here?
http://theme.wordpress.com/themes/twentyfourteen/
The primary sidebar (left) width is 162.
The secondary “content” sidebar (right) width is 306.
Widgets in the footer widget area are 255 wide.

You cannot increase the width of any sidebar on any theme without purchasing a custom design upgrade and doing the required CSS editing. See here for details on purchasing the annually renewable custom and CSS editing:
Custom design – Frequently Asked Questions
http://en.support.wordpress.com/custom-design/#frequently-asked-questions
http://en.support.wordpress.com/custom-design/
http://en.support.wordpress.com/custom-design/editing-css/
timethief · Member · Dec 19, 2013 at 8:12 pm
Copy link
Nerts! This thread is in the CSS Forum and I did not notice that when I posted above. I apologize. I don’t help with CSS editing. Either another Volunteer or Staff will assist you when they can. Again .. I’m sorry.
justpi · Member · Dec 20, 2013 at 1:38 am
Copy link
We can’t help if we can’t see the widget.
lminjares · Member · Dec 20, 2013 at 3:50 pm
Copy link
I removed the widget because we need the site ready for viewing now. Besides, it’s not the widget that I have an issue with its the theme. I need to know how to make the side bar larger in order to give the widget the right amount of space on the page.

Thanks anyways @timethief.
thesacredpath · Member · Dec 21, 2013 at 6:08 pm
Copy link
Hi there, let’s start with the following. Add the same amount to the margin-left and width declarations in the following rules.
```
.site-content, .site-main .widecolumn {
    margin-left: 222px;
}

#secondary {
    width: 162px;
}
```

No items found.