Expand main body width

  • Unknown's avatar

    I am completely CSS illiterate and desperately hoping somebody here can help me!

    Firstly, the link to my blog that I’m attempting to customize is http://www.jszhng.com

    I want to remove the left column of my site that has the publish date and author of each blog post (i.e. “Published on… Author: jszhng – perhaps move this info to the top of each blog post instead?) and replace it by expanding the width of my main body column (the middle area with the blog posts)

    Hopefully that makes some sort of sense… Thank you very much!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Give the following a try and see what you think. Paste it at the very end of your custom CSS.

    .entry-body .entry-meta {
        position: absolute;
        top: 0;
        width: 100%;
    }
    .entry-body .entry-content {
        width: 100%;
    }
    #main .latest-posts .post:first-child:not(.sticky) .entry-content {
        padding-top: 40px !important;
    }
    .entry-body .entry-meta .posted-author .posted-on, .entry-body .entry-meta .posted-author .byline {
        display: inline-flex;
    }
    .entry-body .entry-meta .posted-author .posted-on {
        padding-right: 5px;
    }
  • Unknown's avatar

    Thank you so much! That’s exactly what I wanted. It worked for like two minutes but when I go to save the changes, it just resets back to my original theme. Do you know how to fix this?

  • Unknown's avatar

    That’s been happening to me as well. Instead of trying to change it straight from the “Customize” page, click on “CSS Revisions”. It will open a new window with your CSS sheet, and once you’ve saved things from there the changes usually stuck.

  • Unknown's avatar

    There was a problem with the Customizer, but it has been fixed now. Please try again and then let us know if you have any problems.

  • The topic ‘Expand main body width’ is closed to new replies.