Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #667327
    [email protected]
    Participant

    Hi,
    Im having a hard time trying to set up the image to fit correctly on the screen,
    My image original size is 1024 x 600 and for some reason on the screen is bigger not only loses resolution but it gets cropped from the sides and bottom

    Please help me to get this right.

    Thanks

    Nick

    My website is http://www.poplabicepops.com

    #667543
    Friech
    Moderator

    Hi Nick,

    Thanks for writing in! Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #668312
    [email protected]
    Participant
    This reply has been marked as private.
    #668346
    Christopher
    Moderator

    Hi there,

    Please set slide layout to ‘Auto’ or add the following code in Customize -> Custom -> CSS :

    .tp-bgimg.defaultimg {
        background-size: contain !important;
        background-color: #fff !important;
    }

    Hope it helps.

    #668692
    [email protected]
    Participant

    Thank you so much,
    now the picture is smaller than the screen,
    Do you know what will be the right size?
    so it can fit the whole screen and still be responsive

    Thanks

    #668796
    Zeshan
    Member

    Hi Nicolas,

    That’s not possible because in responsive design, size of an image changes depending on the screen size, so there is no ideal size that works for all the screen sizes. You may however refer to Revolution Slider online documentation for more detail: http://www.themepunch.com/revslider-doc/slider-revolution-documentation/

    Thank you!

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