Primary and secondary width for the default template

Hello there!

I would like to change the sidebar width on all pages on my website that use the default page template.
An example page using the default template is:

Also, how to increase the spacing between the primary and sidebar widgets?

thank you!


Hello Robin,

You can do that by adding the following CSS code into your site’s additional CSS which resides in the Appearance > Customize > Additional CSS.

@media only screen and (min-width:992px) {
  body:not(.page-template-page_front-page):not(.page-template-page_fullwidth) #primary {
     width: 63%;
  body:not(.page-template-page_front-page):not(.page-template-page_fullwidth) #secondary {
     width: 35%;
     float: right;

You would do adjustment necessarily.


Woot! That totally worked, thank you Kharis!!