[resolved] How to change the width of sidebar (7 posts)

  1. bhskr
    Posted 2 years ago #

    How can i change the width of the sidebar, so that i can fit a 300x250 sized widget.

  2. Try adding the CSS below using a WordPress CSS plugin such as http://wordpress.org/plugins/my-custom-css/

    .site-content article {width: 600px;}
    #secondary { width: 300px; margin-left: -55px;}

    I think that will help out and you can fine tune to make it look better when the images are in place.

    You may run in to problems when not viewing on full screen. Honestly I'm not all into responsive design so this is as much help as I can provide. Perhaps Konstantin can give us a lesson :)

  3. bhskr
    Posted 2 years ago #

    Yup it works, but the layout gets messed up both on full screen as well as mobile view. The content goes beyond the area. Can you please help: http://oeuvre.in

  4. It looks fine on my computer. However, like I said, it does have responsive issues.

  5. @bhskr: I think you posted this in another topic by accident:

    Well as I said in another thread that i learnt new things from you. I just did this in my custom css and it possibly worked for me.

    .single .site-content .related-content {
    overflow: hidden;
    padding-left: 20px;
    padding-top: 20px;
    border-bottom: solid 1px #dddddd;
    display: none;

  6. bhskr
    Posted 2 years ago #

    Yup, i guess so. my bad.

    So the sidebar width did increase but, the comments section and few things were going out of the edge on some posts.
    for eg: http://oeuvre.in/2013/04/facebook-rolls-out-new-layout-for-business-pages-on-mobile.html#.UftvIpKbd3i

    if you check the end of the post the things out out of bounds.

    thanks for the help though. :)

  7. It looks good to me :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic