widen secondary (content) sidebar in twenty fourten

Your current #content-sidebar element has 30px padding on the left and on the right. You can reduce this padding, thus making the sidebar wider, with this custom css:

#content-sidebar {padding-left: 0; padding-right: 0;}

Hi Lorro,

Thanks for the reply. I attempted to reduce the padding by modifying the CSS code with JetPack’s CSS Stylesheet Editor by entering the following:

*/
.content-sidebar {
padding-left: 0;
padding-right: 0;
}

Unfortunately, it did not have the desired effect. Should I try something similar for the main body content area and if so, would you know the div class or CSS code?

Thanks in advance for the consideration.

using twenty fourteen theme….

The “*/” is causing an error, so the text which follows it is not being read. Please delete the “*/”.

Main body content:

.site-content .entry-content {
padding-left: 20px;
margin-left: 0;
margin-right: 0;
padding-right: 20px;
max-width: 100%;
background: red;
}

“background: red” is there so you can see what your doing while you try different padding and margin values until you are satisfied with the layout, then remove “background: red;”.

Because you are using a responsive theme, there are other styles for devices of widths other than the standard desktop disply, about 14 of them. Too many to look at here. Therefore, experience of your site on a mobile might be different to that on a desktop.

Good Day Lorro….

Thank you so much! That absolutely did the trick. I really appreciate you taking the time to help and also increase my learning curve. I’ll pay it forward as soon as I get the opportunity.

Have a great day!