Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Addons
  3. Carousel Focal Point

Carousel Focal Point

Scheduled Pinned Locked Moved Addons
3 Posts 3 Posters 62 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • H Offline
    H Offline
    hddunlap
    wrote on last edited by
    #1

    I am using a full-screen carousel slider with both portrait and landscape images set to full height. It is working well, except for one issue: I am unable to set the focal point of cropped images. Is there any way to manage this? I have tried to use another plugin (wp-smartcrop), but it does not work. For example (view in mobile if possible): http://www.lagabstyle.com/jaylene-for-saturne-mag/

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @hddunlap
      I see what you mean.

      You want to slide until this image is in the center and not in the beginning.
      Bildschirmfoto 2020-02-10 um 10.42.42.png

      We will get back to you in a bit!

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote on last edited by
        #3

        Hey @hddunlap

        Look at the screenshot that Marius provided.
        If you look at ur website, great work btw, you see the slide that is visible on the screenshot is very wide. That slide is wider than the viewport. It is not about how the image is positioned inside the slide, the slide is just a certain height and the width of the slide is based on the aspect ratio of the image.
        Anyway,
        what I think is best is if you create a custom phone layout: http://laytheme.com/documentation.html#custom-phone-layouts

        and in your custom phone layout create a carousel that uses slide-width of 100%:
        Screenshot 2020-02-14 at 10.15.48.png

        If you need more control about which part of the image is shown please crop the image in photoshop to be a portrait image instead of a landscape image. Then upload it and use that version of the image in your carousel in your custom phone layout.

        1 Reply Last reply
        1
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        I also code custom websites or custom Lay features.
        šŸ’æ Email me here: šŸ’æ
        info@laytheme.com

        Before you post:
        1. When using a WordPress Cache plugin, disable it or clear your cache.
        2. Update Lay Theme and all Lay Theme Addons
        3. Disable all Plugins
        4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

        This often solves issues you might run into

        When you post:
        1. Post a link to where the problem is
        2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
        3. If the problem is difficult to explain, post screenshots / link to a video to explain it
        Online Users
        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
        laytheme.com
        • Login

        • Don't have an account? Register

        • Login or register to search.
        • First post
          Last post
        0
        • Recent
        • Tags
        • Popular
        • Users
        • Search