Navigation
Archive / Feature Box Image Responsive Sizing
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 7, 2016 at 5:57 am #1029685
    fyxi
    Participant

    Hello,

    I have some feature images used in the ‘Why Stay With Us’ section on this website:

    http://fyxi.it/melia

    I’m not sure how to get the images to work responsively. If I set the size to 100% they look tiny. I tried implementing the code in this post but it didn’t work:

    https://community.theme.co/forums/topic/feature-box-image-not-responsive-but-not-a-bug/

    Could you please guide me on how to solve this?

    Thanks

    June 7, 2016 at 6:00 am #1029691
    fyxi
    Participant
    This reply has been marked as private.
    June 7, 2016 at 6:02 am #1029696
    fyxi
    Participant

    I should add that the problem shows up when using the ‘medium’ screen size.

    June 7, 2016 at 9:16 am #1029954
    Joao
    Moderator

    Hi There,

    You can add the following code to your Appereance Customizer Custom CSS

    @media (max-width: 1080px) {
.x-feature-box-graphic-outer .circle {
max-width: 200px !important;
}
  
}

    Hope that helps,

    Joao

    June 17, 2016 at 2:27 am #1046630
    fyxi
    Participant

    That’s done the trick. Thanks!

    June 17, 2016 at 2:39 am #1046641
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

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