Navigation
Archive / Featured Image – Ethos – Object-fit
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 13, 2016 at 12:49 pm #1085315
    _agus
    Participant

    Hi!

    I´m using the Ethos theme to build my blog. The featured image in a single post is too big. I would like my image to be 200px high and 100% wide. Cropped and centered.

    To achieve that I applied the following CSS code:

    .single-post .entry-featured {margin: 0px 0px 30px 0px !important; overflow: hidden;}
    .single-post .entry-featured img {height: 200px !important; object-fit: cover !important;}

    It works well but IE does not support “object-fit”. Is there any easy ways to go around that?

    Tks!

    Blog Page: http://amikku.com/2016/04/19/estreia/

    July 13, 2016 at 6:22 pm #1085783
    Jade
    Moderator

    Hi there,

    Please try to remove the code you added for the image then try this:

    .single-post .entry-featured {
    height: 200px;
    overflow: hidden;
}

    Hope this helps.

    July 13, 2016 at 7:33 pm #1085830
    _agus
    Participant

    Tks Jade!

    I tried that but img won’t be 100% wide and centered.

    July 14, 2016 at 2:15 am #1086352
    Paul R
    Moderator

    Hi,

    It would be best to crop your image to the size that you like using an image editor like photoshop before uploading.

    Thanks

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