Sidebar

  • Hello!
    I installed SEASONAL theme and like it very much.
    There just one thing I would like to improve.
    The width of the left sidebar in the POST. It’s too wide. I dont know how to shorten it.
    The second thing: Is it possible to shorten it only in the post? I like the width in the main page. It’s only question of readers comfort. When it’s to wide you dont concentrate on the content.

    Thanks a lot in advance!
    Magda

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    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?

    Thread Starter bulgarka.pl

    (@bulgarkapl)

    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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar’ is closed to new replies.