Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 17, 2013 at 1:37 pm #201077
    lakecoast

    Hi,

    I’m having an issue with the fullscreen slider.

    It seems that the recent theme update has removed the option to align an image (there used to be options such as “Top, left”, “Center, center”, etc).

    Here’s the slider on my page: http://www.iamjoycelim.com
    It appears that image 1 and 2 are aligned “Center, center”, while image 2 is aligned “Center, left”. On a mobile device, image 2 looks terrible since the right half of the image isn’t visible.

    Thanks in advance for your help!

    December 17, 2013 at 4:25 pm #201121
    Ismael

    Hey lakecoast!

    The fullscreen slider will now default to background position: 50% 50% or center center. You can modify the full inner slider position using this on your custom.css or Quick CSS:

    .avia-fullscreen-slider .avia-slideshow-inner li {
background-position: top center !important;
}

    Don’t remove the !important property.

    Cheers!
    Ismael

    November 29, 2017 at 10:35 pm #883203
    dennisnusser

    Hey Ismael,

    I tried your code, but it doesn’t seem to work anymore. Is there an updated solution somewhere?

    • This reply was modified 6 years, 12 months ago by dennisnusser.
    December 2, 2017 at 7:47 pm #884178
    Mike

    Hi,
    Your image seems to be cropped by the url, see direct link to your image in Private Content area.
    Are you using a url to your image, it doesn’t seem to be uploaded to your site?
    Try uploading it to your media folder and adding it to your slider. Also try scaling it to 2560px wide and cropping it to 734px high
    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Fullscreen Slider – Aligning the Image’ is closed to new replies.