Change location of Blog post featured images

This topic has 1 reply, 2 voices, and was last updated 9 years, 11 months ago by Sakin.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
December 4, 2014 at 2:52 am #48456

Todd
Member

Is it possible to change the structure of the featured image on the blog post page to be next to the text instead of above it? Getting an image that’s 800 pixels wide but only 100-200 tall is pretty hard. I don’t like them to be huge either so I limit the height as much as I can.

I love using the featured image for the widget sections too. It’s hard to make the header size and the widget size work in the same image.

I also don’t really understand the difference between these options. On the post itself I’ve disabled the images, but if I customize code for one of them in the CSS or php or something to make this work on the blog listing page that works too.

Theme Options Featured Image Full Image Slider Image Disable Image

evergreenhomeenergy.com/blog

December 4, 2014 at 11:10 am #48473
Sakin
Keymaster
@Todd: We have added that option in Catch Flames Pro theme and Simple Catch Theme has that option in default. But Catch Kathmandu Pro theme was not made to design like that.

Ok I have one quick CSS hack to do it. First, change all the featured image on those post. Try to upload small square or portrait featured image. Maybe the size of 150px by 150px. When you upload the smaller featured image, the script take the original small featured image and also your site will load fast. Then add the following css in “Appearance => Theme Options => Custom CSS” box:
```
.blog .hentry, .archive .hentry {
    height: 1%;
    overflow: hidden;
}
.blog .featured-image, .archive .featured-image {
    float: left;
    margin-right: 4%;
    width: 20%;
}
.blog .entry-container, .archive .entry-container {
    float: right;
    width: 76%;
}
```
Author

Posts