Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1122664

    Hello Team,

    a. The current Fullscreen slider loops endlessly without a way to navigate outside it (the menu is hidden). What code is needed to enable users to exit from the slider to the Portfolio page with mouse click or Esc (similar to the home page behaviour)?

    b. Slideshow Image Size is set to No Scaling (Original Width x Original Height). Is there a way to correctly display vertical photos without cropping and without padding them on both sides (to create a smooth 1920×1280 slider)? Vertical and square photos that do not match the screen proportions are currently enlarged to fit the screen width so their top and bottom are cropped.

    Current Code block has the following:

    html{
    overflow:hidden;
    }
    body{
    cursor:pointer !important;
    }
    #fullscreen_slider_0{
    z-index:0;
    }
    #wpadminbar{
    display: none !important;
    }
    .content, .container{
    padding: 0 !important;
    min-height: 0 !important;
    }
    #top.avia-blank #main .container_wrap:first-child{
    border: none !important;
    }
    #top.avia-blank #wrap_all #main{
    border: none !important;
    }

    style.css has the following code:

    .page-id-15046 .main_color.container_wrap_first.container_wrap.fullsize .container .av-content-full{
      padding: 0 !important;
    }

    Thanks,
    ofekw

    #1123005

    Hey ofekw,

    Thank you for using Enfold.

    You should be able to attach a link to the image and redirect it to a post or page. Edit the image, go to the Caption panel and enable the “Apply a link or buttons to the slide?” settings. You can also add buttons if you want.

    Best regards,
    Ismael

    #1123048

    Thanks Ismael,

    This works – but will need to modify each and every image on the slider. Is there another way to end the rotation and redirect to another page (similar to how the home page exits on mouse click onto the portfolio page)?

    Slideshow Image Size is set to No Scaling (Original Width x Original Height). Is there a way to correctly display vertical photos without cropping and without padding them on both sides (to create a smooth 1920×1280 slider)? Vertical and square photos that do not match the screen proportions are currently enlarged to fit the screen width so their top and bottom are cropped.

    Regards,

    ofekw

    #1123422

    Hi,

    Thank you for the update.

    – There is no option for that by default but it’s possible with some modification. Unfortunately, we can’t help you with that because it’s outside the scope of support.

    – The whole image can be fully visible inside the slider area but you will have to distort them a bit. I don’t think you’d want that. You can try this css code.

    .avia-fullscreen-slider .avia-slideshow > ul > li {
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }
    

    You can also try adjusting the background-size value to 100%. Default value is “cover”.

    // https://www.w3schools.com/csSref/css3_pr_background-size.asp

    Best regards,
    Ismael

    #1124001

    Thanks Ismael,

    Unfortunately, images do not fully show on some display resolutions.

    a. Can I define some padding on the right or bottom to ensure that it always fully shows?
    b. Can I add a specific resolution 1920×1280 to the Easy Slider when selecting the Image Size from the dropdown list?
    c. What code is currently used to navigate from the homepage to the Portfolio page on mouse click?

    Thanks,

    Ofekw

    #1124630

    Hi,

    Unfortunately, images do not fully show on some display resolutions.

    1.) That’s because it has to retain the aspect ratio. Again, you can set the background-size property from “cover”, which is the default Background Repeat option, to “contain” or “100%”, but it will distort the image or create space around the container. You can try the css code above.

    b.) No, that’s not possible. You can only choose the thumbnail size.

    c.) What do you mean?

    Best regards,
    Ismael

    #1124632

    Thanks Ismael,

    When users click on the homepage, the Fullscreen slider transitions into the portfolio page. What code is responsible for that transition?

    In other words, can I implement this kind of redirection from a Fullscreen slider to a specific page without having to attach a link to every single image?

    Regards,

    ofekw

    #1125341

    Hi,

    Thank you for the update.

    Are you referring to the page preloader? Every link will trigger that transition before redirecting to the assigned page. You cannot do a redirect without adding a link. What is wrong with adding a link?

    Best regards,
    Ismael

    #1125347

    Thanks Ismael,

    Much appreciated,

    Ofekw

    #1125461

    Hi,

    You’re welcome. Please don’t hesitate to open a new thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Fullscreen slider’ is closed to new replies.