• How do I manage the width of a ‘post’ in the rebalance theme?

    The whole blog shows on the right. it could be because of “prev-next.

    Please let me know how to customize the theme.

    Thanks

    The blog I need help with is sorukumar.com.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi there, the alignment is part of the design for Rebalance: the logo is in the top left, and below that the content goes to the right.

    If you want to rebalance those widths, you can do it with CSS. You will also need to move the post navigation somewhere, or hide it.

    While I can’t provide detailed service for rearranging the balance, I can show you the CSS you would use to control it. Add it to your site’s Additional CSS, and adjust as you like.

    @media screen and (min-width: 881px) {
    .single .hentry .entry-content {
        float: right; /* can also be changed to left */
        margin-bottom: 20px;
        width: calc(66.666%); /* adjust as you like */
    }
    
    .single .hentry .entry-title {
        margin-left: calc(33.333%); /* adjust as you like */
    }
    
    .single .entry-header .post-navigation {
        position: absolute;
        width: calc(33.333% - 40px); /* adjust as you like */
    }
    Thread Starter soruk

    (@soruk)

    Thank you. I’m playing with the numbers, and I guess it works fine now.

    Thanks for your response.

    You bet. Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Rebalance theme – Post page width’ is closed to new replies.