Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #29607

    Hi all,

    How can I change the image size in full width-posts to the width of the text? It’s now only a small square of 80×80 px.

    I know I can insert a photo in my text area and delete the small image preview by adding CSS, but I only want to apply this to a number of posts. I would like to keep the thumbnails when showing an overview of news items.

    Hope to hear from you, thanks!!



    The first request can be done with CSS, regarding the second one i’m not sure but can you post the link to your website please?





    Your featured images on single posts view is only 80x80px? What type of Blog Style are you currently using? Please give us a link to the page.




    Hi Josue and Ismael,

    Thank you for your replies.

    Our site is on maintenance mode so unfortunately I can’t show it to you. I made a screenshot of the page I’m talking about: http://postimg.org/image/uf7h3e19p/. So I don’t mean that my featured image is 80×80, but the preview image above the post. I want those thumbnail preview images in the overview of news articles, however, when clicking on an article I would like to show an image as big as the preview image as shown in the screenshot. Or, I want to remove the preview thumbnail :) Doesn’t matter which way, as long as it will only shows one image with the same width as the text.

    Hope to hear from you, thanks!



    You can remove the icon on top of the post using this on your custom.css or Quick CSS;

    .post-author-format-type {
    display: none;



    Hi Ismael,

    It does not seem to work.. But if I set the ‘.small-preview’ on display: none the icon disappears. Is it possible to apply this only to specific pages? So that the icon/small preview image will not disappear in all blog posts?

    Thank you.



    If you want to change the style of a specific page or post, you can use the Google Chrome Inspect Element. Look for the unique css body class.

    On the example above, the page’s unique selector is .page-id-2251. We can use it to change the elements within that page.

    .page-id-2251 .small-preview {
    display: none


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

The topic ‘Full width images in post’ is closed to new replies.