[Resolved] way to make featured image in post display as a right aligned smaller image?

[sdanbu]

I’m trying to make the featured image right aligned and text surrounding it like a rectangle under the TItle of the blog post?

[Leo]

Hi Scott,

Try this CSS:

.post-image {
    float: right;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[sdanbu]

Thanks that works but is there a way to make the text surround the image?

[Leo]

It should be around the image. There needs to be enough text or the image needs to be smaller.

I used the same code here: https://s2.postimg.org/vhqqelpvt/2017-05-05_1504.png

[Leo]

Wait sorry you shouldn’t need that CSS.

You can set it in Customizer > Blog > Featured Images > Alignment > Right

[Leo]

and make sure the Location is Below Title.

[sdanbu]

Thanks

[Leo]

You’re welcome!

[sdanbu]

For some reason why I try use the customizer>blog>featured image settings

the featured image doesn’t shrink automatically. Do I have to manually shrink the featured images?

I saw some info here but it looks like these might change other instances of featured image, such as other pages with using wp post
https://docs.generatepress.com/article/adjusting-the-featured-images/

[Leo]

You can adjust the width and height using the customizer.

Keep in that those settings only apply to featured image on the main blog page, not single posts.

Let me know if this helps.

[sdanbu]

Thanks yes I’m wondering how to do it on single posts?

[Leo]

This should help: https://generatepress.com/forums/topic/control-featured-image-in-blog-post/#post-308783

[Author]

Posts