Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 29, 2019 at 8:56 am #1122664
    ofekw

    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

    July 30, 2019 at 2:32 am #1123005
    Ismael

    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

    July 30, 2019 at 6:45 am #1123048
    ofekw

    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

    July 31, 2019 at 8:12 am #1123422
    Ismael

    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

    August 2, 2019 at 1:31 am #1124001
    ofekw

    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

    August 5, 2019 at 4:26 am #1124630
    Ismael

    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

    August 5, 2019 at 4:45 am #1124632
    ofekw

    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

    August 7, 2019 at 2:31 am #1125341
    Ismael

    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

    August 7, 2019 at 2:48 am #1125347
    ofekw

    Thanks Ismael,

    Much appreciated,

    Ofekw

    August 7, 2019 at 11:22 am #1125461
    Ismael

    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

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Fullscreen slider’ is closed to new replies.