Retina Post Feature image?

[birdycom]

Hi, I’ve noticed that the featured images on blog posts only have standard resolution, while I would like the theme to use the original size image.

In my case, for my Renew theme, the generated code is this:
<img width="846" height="476" src="https://birdy.se/wp-content/uploads/2018/09/20180817_1-846x476.jpg" class="attachment-entry size-entry wp-post-image" alt="">

But I would like the original image to display instead (which is 2400px wide, but highly compressed so I don’t see a point in using a resized version).

How can I do this?

Here’s a link to an example of the blog page:

Fotografering på Kungsholmen - Birdy Communication AB

( And while I’m asking, can you give a suggestion to add a space between “Tags:” and “foto” at the bottom … is it me or a bug in the theme? )

Best,
Petter

[Prasant]

Hello Petter,

Thanks for asking.

Regarding retina image I suggest you to please take a look at the solution mentioned in following thread:

X Pro Theme and WP Retina 2x

If you would like to learn more, you can also take a look at following post:

https://xthemetips.com/size-matters-the-x-image-guide/730/

To add spacing, please add following CSS under Pro > Theme Options > CSS:

footer.entry-footer.cf font {
    margin-right: 10px;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[birdycom]

Thanks a lot Prasant, that fix from christian_y worked perfectly.
For reference to others I changed “entry” to “entry-fullwidth”.

About the tag-spacing I couldn’t get the CSS to work, but I got this to work:

footer.entry-footer.cf a {
margin-left: 10px;
}
footer.entry-footer.cf i.x-icon-tags {
margin-right:10px;
}

Thanks again!

[basanta]

You are most welcome!