[resolved] CSS Changes (3 posts)

  1. Zachary DuBois
    Posted 4 years ago #

    How do you change the width of each sidebar and the content so they are fluid in width. I need more content space.


  2. knaveenchand
    Posted 4 years ago #

    1. Open Theme Editor under Appearance Menu.
    2. In the Style.css file, try to find this:

    	.left-sidebar #secondary,
    	.left-sidebar #tertiary{
    		width: 26.7%;
    		max-width: 280px;
    		margin-right: 0px;
    		padding-right: 10px;

    The above code is for your side bar. First reduce max-width:280px to some width that you want your sidebar to have, for example: change to 150px. Then, try to find this code again:

    #content, .left-sidebar #content  {
    		width: 69.6%;
    		max-width: 730px;

    This code is for your main content. And now in this code, try to change max-width such that the total of content's max-width and sidebar's max-width equals 1010x. In our example, this will change to: 1010-150=860px.

    And finally, play around with the width percentage for content so as to suit to your taste.

    Use firebug if you are using firefox or InspectElement if you are using Chrome. This makes it easier to play around with css.

    Hope you'll find this useful.

  3. arehmanshah
    Posted 3 years ago #

    very useful tip. i required this before some days but instead of ajdusting side bars width i adjusted the width of contents which are required to be insterted in the side bars. :) my site is looking good now i think. what do u think? [Redacted, try the Your WordPress forum ]

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic