Rebalance theme and featured image not working

  • Unknown's avatar
    ianmears · Member ·

    Hi,
    I’m using the Rebalance theme (http://www.ianmears.com) and have setup the home page to display projects. I’ve created a couple of new project items that have some text and a featured image. The idea is to display the featured image above the text (when you click through to see the project item) but I only want to do this for projects (as that’s what I’m using for my portfolio) but not for general blog posts.
    In the customize section of the theme under content options there is a section for Featured Image with options for ‘display on blog and archives’, ‘display on single post’, ‘display on single project’ and ‘automatically use first image’. I have selected the first one and Display on single projects. The expected behaviour would be for the featured image to appear when you click on the project but it isn’t, only the text is showing. If I select the ‘display on single post’ then the image is displayed as expected but it also then does it for blog entries.

    Anyone got any idea what I’m doing wrong?
    Regards
    Ian

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

  • staff-sheva · Staff ·

    Hi @ianmears,

    If I understand correctly, you would like the featured image to show for portfolio projects on your homepage and project pages but not on single blog posts?

    I believe this is a quirk with the Rebalance theme — you’ll need to have both “single posts” and “single projects” checked under Appearance → Customize → Content Options.

    If you would like to hide the featured images for blog posts, please go to Appearance → Additional CSS and save the following: 

    .single-post .entry-image {
    display: none;
}

    If you had something else in mind, just let me know and I’d be happy to help.

  • Unknown's avatar
    ianmears · Member ·

    Ah, you are a star, that fixed it. I’m glad it’s a bug and not me doing something wrong! Guess I may have to add learning CSS to my educational ToDo list now 😊

    As you clearly know what you’re doing could I be cheeky and ask another question regarding block editor and how it displays things. I’ve written a long post (you can see it on my blog page, review of a camera bag) with multiple inline images with the alignment either left or right so the text flows around them. This displays fine on a desktop but when it comes to mobile it seems less than ideal. Some images display inline with the text then underneath them (which is fine from a readability perspective), but then some images have text squeezed down the side of them which is hard to read. Is there a way to make it display better in mobile without impacting the layout on the desktop view? (or is this another ‘quirk’ of the theme I’m using?)

    Many thanks for any help!

  • fstat · Staff ·

    Hi there,

    I see what you mean with the way the text is displayed when viewed on mobile phones.

    Here’s how it’s displayed on my phone:

    As you can see. It doesn’t happen on my phone as the screen is rather narrow. But I suspect it might be happening on phones with wider screens.

    What you can do to fix that and make your posts more compatible with mobile devices is to increase the size of the images a bit. Here’s how to do that:

    https://wordpress.com/support/wordpress-editor/blocks/image-block/#resize-images

  • Unknown's avatar
    ianmears · Member ·

    I guess this is the joy of having to deal with hundreds of different screen sizes! I shall have a play around with it. Thanks for the info.
    regards
    Ian

  • The topic ‘Rebalance theme and featured image not working’ is closed to new replies.