Archived topic
Customize Feature image
3 replies · Started by John on December 7, 2020
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
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.
Works great. Thanks
Glad to hear that!