Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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!!

    #141103

    Hi,

    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?

    Regards,

    Josue

    #141104

    Hi,

    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.

    Regards,

    Ismael

    #161718

    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!

    #162774

    Hey,

    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;
    }

    Regards,
    Ismael

    #162879

    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.

    #163434

    Hi,

    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
    }

    Regards,
    Ismael

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

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