Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 22, 2016 at 4:43 am #619476
    rwwood

    Some of the small preview images on my home page display part of the default gray square with the pencil icon in the middle. Primarily this happens because the images don’t get resized to the same square size as the default. In actuality, if they did, or if they were enlarged and cropped, they would look very strange.

    1. So, how do I get rid of the default image in those posts where an image accompanies the post?

    2. In the case of a post not containing a featured image, is it possible to make the default the author’s picture?

    Thanks.

    April 25, 2016 at 1:20 pm #621263
    Andy

    Hi rwwood!

    1.) can you provide us a precise link to your site showing the elements in question please? we need to be able to inspect the elements.

    2.) Not really. Would be best to insert the author’s image manually as a feature image.

    Regards,
    Andy

    April 25, 2016 at 4:58 pm #621499
    rwwood

    The home page to the site that I gave you the details for in my first post.

    April 27, 2016 at 2:36 pm #623095
    Andy

    Hey!

    use this code inside Quick CSS field:

    .small-preview img, .big-preview img {
display: none;
}

    Regards,
    Andy

    April 27, 2016 at 5:01 pm #623229
    rwwood

    I don’t want to get rid of the preview image, only the gray image that shows up behind the preview image if it’s not the same size or if there is no preview image in the post. The css you gave removes all preview images.

    April 28, 2016 at 11:09 am #623605
    Andy

    Hi!

    this won’t be easily possible and you would need to hire a freelance for such theme customizations. You can try to remove it manually by using post-entry-id: 

    .post-entry-578 .small-preview {
display: none;
}

    You need to do this for each post (using the specific post-entry-id).

    Cheers!
    Andy

    April 28, 2016 at 3:00 pm #623800
    rwwood

    Actually, this was much simpler than I thought. I added 

    .small-preview {
	background: transparent !important;
}

    to my css, and the gray background is gone from post preview images that aren’t square and from posts that don’t have a featured image. Granted, getting the default to be the author’s picture or avatar would be more difficult.

    Thanks.l

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘[RESOLVED] Preview image background’ is closed to new replies.