How to edit sidebar width

  • quinnyloohoo

    (@quinnyloohoo)


    11 years ago

    Hi,

    I love this design but agree with other reviewers that the sidebar width is a bit too wide for my taste. How do I edit the underlying style.css to modify the width to something roughly half the size it is by default? I’m totally new to coding/CSS but have poked around making various modifications to no avail.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Florian Brinkmann

    (@webdesign-florian-brinkmann)

    You can edit CSS without changing the style.css. In the Backend go to “Appearance>Customize”. There you can insert custom CSS Code.
    Insert this:

    .active-sidebar #branding, .active-sidebar #main{
	right:60%;
}
.active-sidebar #sidebar{
	left:40%;
	width:59%;
}

    This is the Standard-Code. Change the “60%” and the “40%”, but added they must be 100. The width-Value is 1% lower than the right-Value.

    Hope this will help!

    Thread Starter quinnyloohoo

    (@quinnyloohoo)

    Thank you so much for the quick reply and help. Wonderful design, wonderful designer!

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