Change content and sidebars width

  • Hi,

    I’d like to change the width of the content and sidebars on my domain: https://www.aglobefortwo.com

    I’d like to have a wider content area to show the posts and pages better, then make the sidebar narrower and more to the right.

    Can I do that through style.css?

    Thank you!

Viewing 14 replies - 1 through 14 (of 14 total)

  • Hello aglobefortwo,

    Follow below steps:

    1. Login as admin and go on theme customizer Dashboard >> Apperance >> Customize or Click on Custimze link on top bar from front-end.

    2. Then navigate Additional CSS and put below css into textarea then click on Save & Publish button.


    .wrap { max-width: 1366px; }

    Hope this helps you

    @somtack – Please stop adding your email and Skype contact information in your posts. Soliciting off-forum contact is not permitted.

    And is it possible to modify the percent of the sidebar and content?

    Hello szilnet,

    Yes you can modify the percent of the sidebar and content. Check below css code.


    .wrap { max-width: 1366px; }

    /*For Content*/
    .has-sidebar:not(.error404) #primary {
    width: 60%
    }

    /*For Sidebar*/
    .has-sidebar #secondary {
    width: 30%
    }

    /*Responsive*/
    @media(max-width:768px) {
    /*For Content*/
    .has-sidebar:not(.error404) #primary {
    width: 100%
    }

    /*For Sidebar*/
    .has-sidebar #secondary {
    width: 100%
    }
    }

    Hope this will helps you.

    Dear @saurabhdhariwal,

    Hope you are doing well. Can you please help on this point too? I have selected Two column, and changed the CSS as you described above.

    I would like now adjust the size of the two columns. For me the left column (which content the titles of the sections) is too big, and would like to give it 30% of the 1366px and the right side (which contain the content) 70%.

    Could you please help.

    Wishing you happy festive season and new year,

    Best regards.

    Saurabh, everything goes well except one thing. The image size does not fit the width but remains the same sized of standard twenty seventeen theme width. Even when the image is inserted with full size and has great width of 1280px, it just remain narrow and text bypasses it in the content.

    Please add some code that increases image width too along with the content width in the post area.

    Thanks saurabh.dhariwal for a quick solution. I changed the % a little, it was very easy (60 to 75, etc).

    @saurabhdhariwal Many Thanks, your response surely helped. ??

    Awesome sauce! Worked like a charm!! Thanks @saurabhdhariwal

    Hello @saurabhdhariwal, Thanks for the code. The only issue for me is that, after making this change, the padding beside the menu remains. So it is not aligned nicely under the header title (the menu is indented to the right). Please see: naturalconsumers.com

    Any thoughts on how I can move the menu to the left so that it’s in line with the site title? Thanks so much!

    Nevermind, I added this and it seemed to do the trick:

    .navigation-top .wrap {
    max-width: 1366px;
    }

    say_hello

    (@say_hello)

    hello dear all,

    this thread helped me alot.

    i really am so glad about this incredible wordpress-community.

    open source it is the best thing in whole interent ??
    and wordpress one of the best os-projects ever !!

    frogsaregreen

    (@frogsaregreen)

    I wonder if someone can help me fix this homepage.
    You’ll see the white body area is extending past the slideshows to the right plus the blue behind the slideshows shouldn’t have spaces above and below the slideshows. (or the white at bottom.

    The site was hacked and the host took it down and put a temp site up… I have restored it all except I cannot fix this part. Please help.

    https://peterbalsamassociates.com
    sue

    bdbrown

    (@bdbrown)

    @frogsaregreen – This topic is almost a year old. Although it may seem that you have the same problem there have been many changes in WordPress, and most likely your theme and plugins, since this topic was posted. The troubleshooting and solution for your issue may not be the same. Per the Forum Guidelines please start your own topic instead. Thanks.
    https://www.ads-software.com/support/guidelines/#post-in-the-best-place

    • This reply was modified 7 years ago by bdbrown. Reason: fix spelling
Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Change content and sidebars width’ is closed to new replies.