Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 20, 2016 at 4:15 am #701615
    emac

    Something has changed with Enfold for me, my fullscreen slider images were all looking great until recently, now they are clipped a great deal on the top. As far as I can tell this has nothing to do with anything I changed. I do not have any cache plugins running. Please help…

    October 24, 2016 at 4:45 pm #703361
    Yigit

    Hey mackerrow,

    Sorry for the late reply!
    Would you mind posting us a screenshot/mockup of the issue? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    If issue is mobile only, please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and try displaying different elements on mobile and on desktop and check if that helps.

    Best regards,
    Yigit

    October 24, 2016 at 5:04 pm #703369
    emac

    Here is a screen shot taken on an Apple Thunderbolt 27 inch retina display.

    Please note this is a new problem, in other words these exact same images have been showing fine on my website for years, using the same full screen slider component…

    Thanks for helping me fix this.

    October 27, 2016 at 7:25 am #704684
    Ismael

    Hi,

    It’s the default settings of the background images inside the fullscreen slider ever since. Some images, depending on their focal point, might not be centred properly in the container becasue the background size property is set to “cover” (http://www.w3schools.com/cssref/css3_pr_background-size.asp). One solution is to adjust the background position until you find the best settings that works for most images. Or you can use the following css modification.

    .avia-fullscreen-slider .avia-slideshow>ul>li {
    background-position: 50% 50% !important;
}

    Best regards,
    Ismael

    October 27, 2016 at 10:09 pm #705047
    emac

    Thank you Ismael,

    No luck in getting the full screen slider to stop clipping the top of the images. I have tried:
    1) adding the css modification you suggested, images are still clipped.

    2) I adjusted the image position on the settings for the full screen slider to be center-center, bottom-center and no difference has been seen.

    3) I tried creating a new full screen slider from scratch and still have the same problem.

    I have cleared the cache multiple times, tried in Chrome, Firefox, and Safari and the problem persists in all browsers.

    My biggest concern, besides that my website is no longer working correctly due to this issue, is that I did not change anything to what was a website with a full screen slider that has been working fine for a couple of years. What changed with the Enfold fullscreen slider ?

    What is the optimal image size for the full screen slider?

    Thanks !

    October 27, 2016 at 10:23 pm #705052
    Basilis

    Hi!

    Can you please share for us a link of your web site, so we can understand what is wrong?

    Thanks a lot

    Best regards,
    Basilis

    October 27, 2016 at 10:25 pm #705054
    emac

    OK… I think I found the problem… Somehow I had the default header behavior set on my page with the full screen slider. I turned it off, and also set things to have no title bar. Now, most of the images are not clipped. A few of them are and I am resizing them now. Operator error strikes again :-)

    October 28, 2016 at 8:15 am #705186
    Rikard

    Hi,

    Ok great, glad you found the problem and thanks for the feedback :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.