[Resolved] Customize Feature image

[John]

Hello

I want to place the feature image on the right side of the content in the intro.

Like this one https://10beasts.com/best-smartwatches-iphone/

Screenshot https://prnt.sc/vxg1ic

How can I do this?

Thanks

[David]

Hi there,

try adding this CSS:

@media(min-width: 769px) {
    .single.post-image-above-header .featured-image {
        float: right;
        margin: 10px 0 40px 40px !important;
        max-width: 300px;
    }
    .single.post-image-above-header .entry-content {
        margin-top: 0;
    }
}

Then go to Customizer > Layout > Blog –> Featured Images >>> Posts and set the Media attachment size to Medium-Large – this will stop the browser from requesting the full size image.

[John]

Works great. Thanks

[David]

Glad to hear that!

[Author]

Posts