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. General Discussion
  3. Carousel Horizontal alignment for slides with images and text

Carousel Horizontal alignment for slides with images and text

Scheduled Pinned Locked Moved General Discussion
6 Posts 2 Posters 257 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.
  • D Offline
    D Offline
    dasbuzz
    wrote on last edited by
    #1

    Hi,

    I have searched in previous posts but have not found the same problem that I am having.
    I only activated Carousel plugin and nothing else and I don't have any custom code added.

    I'm trying to set up a carousel with multiple image and text slides in the center of the page. to be precise I would like the text slide to have the same size as the image slide.

    I get the result if I set the Slides Width value to 90% but then all the image slides align to the left, except the text slide.

    I am attaching the screenshots to better explain:

    1. Slides Width: auto
      Schermata 2020-10-01 alle 20.20.59-Exposure.jpg

    2. the first slide - image
      Schermata 2020-10-01 alle 20.29.23-Exposure.jpg

    3. the second slide - text
      Schermata 2020-10-01 alle 20.31.48-Exposure.jpg

    this is the url: http://www.nicolacarignani.com/new/nothingmissing-3

    What I would like to achieve is that text slide size/proportion to be the same size/proportion as the image slide.

    if I go to change the Slides Width value from auto to 90% I get this result:
    4. the first slide - image
    Schermata 2020-10-01 alle 20.51.32-Exposure.jpg

    5.the second slide - text
    Schermata 2020-10-01 alle 20.42.13-Exposure.jpg

    Here is the link of the project with Slides Width: auto
    http://www.nicolacarignani.com/new/nothingmissing-3

    and here is the same project duplicated with Slide Width: 90%
    http://www.nicolacarignani.com/new/nothingmissing

    I hope I was clear and if you have any suggestions it would help me, thanks

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

      Dear @dasbuzz

      I apologise for the delay, forgive me,
      In this particular case it is difficult to get the exact setup that you have an alter it accordingly.

      If you are willing, Could you please write me a Private message through "Chats" with your website & login Details and i will try my best to get a better answer for your problem.

      ( note: dont display private info on this thread :)

      Let me know and best wishes
      Richard

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

        Dear @dasbuzz

        I have sent you a message and made some changes to your carousel, let me know if this suits or you require further help :)

        Best wishes
        Richard

        1 Reply Last reply
        0
        • D Offline
          D Offline
          dasbuzz
          wrote on last edited by
          #4

          Hi @Richard-Keith

          Thank you for the reply,

          The changes to the settings you made partially fix it, what I need is to simply center the slides.

          It only works when the slide width is auto, but in this way the text slide width is smaller than the image slide.

          As soon as I set the width to 100% or some other value, the slides are no longer centered and the show multiple slide setting no longer works.

          If I set the carousel size to Aspect Ratio of first Element, then the Show Multiple Slides setting disappears, and that's not what I want to achieve.

          Thank you

          1 Reply Last reply
          0
          • RichardR Offline
            RichardR Offline
            Richard
            Global Moderator
            wrote on last edited by
            #5

            Dear @dasbuzz

            Would you like the text to spread the full width of the slide,

            Right now the text slide is actually the same width as the image slide:

            Screen Shot 2020-10-15 at 11.57.01 AM.png
            Screen Shot 2020-10-15 at 11.57.20 AM.png Screen Shot 2020-10-15 at 11.57.49 AM.png Screen Shot 2020-10-15 at 11.57.26 AM.png

            Do you wish the text within the slide to span the full width?

            I wish to help, i just want to understand :)

            Sincerely
            Richard

            1 Reply Last reply
            0
            • D Offline
              D Offline
              dasbuzz
              wrote on last edited by
              #6

              Hi @Richard-Keith,

              I'm really sorry for the misunderstanding, It's actually very simple what I want to achieve:

              the image slide:

              WhatsApp Image 2020-10-19 at 12.50.44.jpeg

              the text slide:

              WhatsApp Image 2020-10-19 at 12.51.13.jpeg

              with this settings:
              WhatsApp Image 2020-10-19 at 12.52.09.jpeg

              The problem arises when I change the Slides Width setting from AUTO to 90%, because when it is on auto the width of the slide text is not the same size as the image, and that's what I currently want to achieve.

              Try to change the settings yourself and see that the images align to the left, even if the setting Centered Slides is on.

              Another strange behavior is that images disappear from the edges even if the Show Multiple Slides setting is on.

              1 Reply Last reply
              0
              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
              C
              craigfeldspar
              arminunruhA
              arminunruh
              A
              alasdair17
              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