Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Aspect ratio in carousel is off centered

    Addons
    3
    6
    190
    Loading More Posts
    • 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.
    • J
      jfrederick last edited by

      Hi -
      I changed my carousel to be a specific aspect ratio (with captions), and now the carousel is off centered. Link here: https://www.ikbird.com/test-home

      I am also using a full screen slider.

      Thank you !

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @jfrederick
        you can set the position of the carousel captions in the carousel settings.

        Also you could use CUSTOM CSS to move it.

        Best!

        Marius

        www.mariusjopen.world

        J 1 Reply Last reply Reply Quote 0
        • J
          jfrederick last edited by

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • J
            jfrederick @mariusjopen last edited by

            @mariusjopen Hi! Thank you for getting back to me. I have everything set to center, and the distance from the top & bottom of the page to the carousel images is the same, however I don't totally understand why it is that when I turn on carousel captions, it doesn't continue to keep the content centered, it just places the caption below the centered image and now the page appears to be off-centered.

            I don't totally know how to explain it so I apologize in advance for the confusion.

            1 Reply Last reply Reply Quote 0
            • edgrbnz
              edgrbnz last edited by

              I see what you mean – Technically the pictures are perfectly/mathematically centered – I measured that with xscope and the distance from top and bottom of the browser to the image ist exactly the same.

              But the optical/visual center is a different thing. Usually there’s more space needed below than above to put an image in the visual center.

              The added type/captions (visually) pushes it downwards even more.

              An easy way to fix this would be to give all your carousels a slight negative y-offset (around -2%). To do so you right click the placed element/carousel and type in the desired values:
              0_1562004458684_Window_and_Edit_Project_‹Moritz_Welker—_WordPress.jpg

              A different approach would be to create a CSS class which does effectively the same and either apply it to the elements you see fit or write down some CSS that changes the carousel wrap in general.
              Something like:

              .carousel-wrap {
              top: 48% !important; /*default=50%*/
              }
              

              Hope that helps!

              ✦ ✦ ✦

              J 1 Reply Last reply Reply Quote 0
              • J
                jfrederick @edgrbnz last edited by

                @edgrbnz Thank you!!!

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post
                Post a link to where the problem is
                I don't answer or check forum DMs, please just post on the forum.
                Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                Before you post:

                Use the Search Feature. Maybe there is already a solution to your issue.

                1. Update Lay Theme and all Lay Theme Addons
                2. Disable all Plugins
                3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                4. Now see if your problem solved itself
                5. Go here, see if your problem is listed here:
                Troubleshooting

                When you post:
                1. Post a link to where the problem is
                2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                Thanks!

                Online Users

                L

                Recent Topics

                • While editing the carousel, the images are not displayed correctly

                • Sticky Footer now has Background

                • [Feature request] project descriptions left or right of thumbnail in element grid

                • Product Categories/Tags Filters

                laytheme.com