Rebalance Distorted Thumbnails on Homepage

  • Unknown's avatar
    verlorenillusies · Member ·

    Hi,

    I have a problem with my WordPress homepage. The thumbnails of my posts are distorted and not shown in regular rows (as you can see in this screenshot: https://imgur.com/a/SfaZgit). How can I resolve this?

    Thanks in advance!

    PS. I am using the free Rebalance theme. I’m currently still on a free WordPress account, but I am considering a subscription for more customization.

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

  • staff-totoro · Staff ·

    Hi there,

    The flexible grid is a feature that is built in to the Rebalance theme. It is intended to allow different image sizes to be shown together, and it does not try to create a rigid grid structure. You can see in the demo site here: https://rebalancedemo.wordpress.com/

    To create a grid with equal-height items on the homepage you will need CSS code, since there is not a built-in setting that you can use

    To do this you will first need to upgrade to the Premium Plan, which will enable the ability to add CSS:

    Once you have upgraded, please follow these steps:

    1. In your WordPress dashboard, go to Appearance > Customize.
    2. Select “Additional CSS” in the left menu.
    3. Paste the following CSS code:
    home .grid__item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.home .entry-content {
    flex-grow: 1;
}
    1. Click “Publish” to save your changes.

    This should resolve the issue with distorted thumbnails and create a more uniform grid. Hope that helps. Please let us know if you have any more questions.

  • Unknown's avatar
    verlorenillusies · Member ·

    That explains a lot. Thank you for clarifying! I guess I’ll consider buying the CSS add-on or another subscription package.

  • The topic ‘Rebalance Distorted Thumbnails on Homepage’ is closed to new replies.