To adjust the width of the sidebar, there’s a setting for that.
Go to Appearance >> Customize >> Other Options
By default, it’s set to 33 (percent). You can change that. Unfortunately, this is a global setting, so this will affect all pages. However, there is a method that I just tried out, but it means you will need to create some custom CSS. If you are just changing CSS, then you can use a plugin like Simple Custom CSS, or if you are using JEtpack, you can use their Edit CSS feature.
To change the sidebar of a specific page/post, you have to assign a post ID to your custom css. I tested this with:
@media (min-width: 1025px) {
.page-id-9 .sidebar {
width: 25%;
}
.page-id-9 .site-content, .page-id-9 .secondary {
margin-left: 25%;
}
}
Although your class post ID will be different from mine; you would change the 9 in my code to your post’s own which is found by looking at the source code of your post or page and looking for the “body” tag.
Were you wanting a shorter width for all inner pages except the front home page?
Many thanks for your respond and help! 🙂
Yep, I wanted shorter width for all inner pages and to be honest I admire the beuty of longer one, but one it comes to reading I prefer pure text 🙂
I will try yout methode and let you know 🙂
All the best, Magda
