Show image on blog page

Support
#1

Is there anyway to set the height of what shows on the blog page so that it looks something like this? (wix)Instead of this?
http://danstepnikphotoart.com/wp/news/

#2

Hello @nuthinfancy,

Thanks for asking. :slight_smile:

Looks like you haven’t added the featured image. Can you please add featured image so we can give you the necessary CSS to mimic the layout as shown in screenshot?

Thanks.

#3

Done
http://danstepnikphotoart.com/wp/2018/03/27/demo-standard-post-with-a-featured-image/

#4

Hi there,

Actually, that is not how our theme is made out of the box. You will need lots of detailed CSS code which will be a customization and outside of our support scope. Here is a suggestion to get started in a way you want using the Flex CSS display. Add the CSS code below to X > Theme Options > CSS:

.blog article.post {
    display: flex;
    flex-flow: row wrap;
}

.blog article.post .entry-featured,
.blog article.post .entry-wrap {
    flex: 1
}

.blog article.post .entry-footer.cf {
    display: none;
}

For more information about CSS Flex please read the article below:

I used the Google Chrome Developer Toolbar to find out proper selectors to add the CSS code. You can learn more about that here:


Thank you.

#5

I’m looking for KISS. Is there a way to make the featured image smaller?

#6

Maybe I should explain my ultimate purpose. I shoot photos at race events and sell them online. I’d like to be able to share a photo and basic text on FB when I’ve put new stuff up as the racers are all over there. Just simply elegant. I just figured if Wix can do it, X should be able to.

#7

Hi there,

You can adjust the size of the featured image that shows up on the single by adding some custom CSS like this:

.single-post .has-post-thumbnail .entry-featured {
    padding: 0 100px;
}

The code above will add a 100px padding to the left and right side of the featured image container that will cause the image to adjust to its container.

Hope this helps.

#8

Thank you!

#9

You’re welcome.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.