Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 13, 2013 at 2:52 pm #29607
    PITT

    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!!

    September 13, 2013 at 10:52 pm #141103
    Josue

    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

    September 13, 2013 at 10:57 pm #141104
    Ismael

    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

    September 16, 2013 at 3:47 pm #161718
    PITT

    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!

    September 18, 2013 at 6:23 am #162774
    Ismael

    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

    September 18, 2013 at 12:29 pm #162879
    PITT

    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.

    September 19, 2013 at 8:28 am #163434
    Ismael

    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

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Full width images in post’ is closed to new replies.