Navigation
Archive / Stretched featured image fix
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 29, 2016 at 10:05 am #1108899
    yapandy
    Participant

    Hi guys,

    I need to prevent the featured image from stretching to fit the container size. This occurs for example when I use the search option and get the results page. I managed to do partial fix using the following css in the custom section:

    body .entry-thumb {
    background-color: #fff;
    }
    body .entry-thumb img {
    min-width: inherit;
    max-width: 300px;
    display: inline;
    margin: 0 auto;
    }

    So this does fix the size issue, but there is a full container sized border around the image which looks bad. Can I get rid of it? Also the hover action is not desired. Is there an easy fix?

    July 29, 2016 at 10:09 am #1108906
    yapandy
    Participant
    This reply has been marked as private.
    July 29, 2016 at 12:08 pm #1109073
    Joao
    Moderator

    Hi There.

    Please add the following code to Appereance > Customizer > Custom > CSS

    .search . search-results .entry-featured {
    max-width: 317px !important;
}

    Hope it helps

    Joao

    July 30, 2016 at 9:10 am #1110138
    yapandy
    Participant

    Hi,

    Thank you for the solution! It worked after a small tweak. I had to remove .search class for some reason, so the css looks like this now:

    .search-results .entry-featured {
    max-width: 317px !important;
    }

    Thanks!

    July 30, 2016 at 9:40 am #1110157
    Thai
    Moderator

    You’re most welcome 🙂

    If you need anything else please let us know.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1108899 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>