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. Bug Reports
  3. Carousel displays thin vertical line on right side

Carousel displays thin vertical line on right side

Scheduled Pinned Locked Moved Bug Reports
14 Posts 4 Posters 329 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.
  • CraigC Offline
    CraigC Offline
    Craig
    wrote on last edited by
    #3

    Hello Richard, many thanks for your help – it's much appreciated. I have the latest Wordpress and Lay theme & my addons are up to date (actually I have only one other addon activated: 'WP Super Cache'). I have no custon CSS or JS.
    I attach a screenshot of my Carousel settings, as well as the 'Edit Carousel' part of the Gridder:

    Screenshot_2021-05-03 Carousel Addon ‹ Craig Stewart — WordPress.png

    Screenshot_2021-05-03 Edit Category ‹ Craig Stewart — WordPress.png

    Thanks!

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

      Hello there,
      We are challenging with the same problem. Sometimes there is this thin line showing up in the carousel, sometimes not. We realised its depending on the browser window size.
      If its just changing slightly over 1-2px. the carousel bug shows up. (As like in even numbers it shows up...)

      Here our page.
      https://luginbuehlstiftung.ch/

      Everything updated.
      We have custom css integrated but not affecting the carousel addon.

      Best,
      DJ

      1 Reply Last reply
      0
      • RichardR Richard

        Dear Craig

        @Craig

        At certain viewport width's the issue appears:

        Large:
        Screen Shot 2021-05-03 at 5.21.15 PM.png

        Medium:
        Screen Shot 2021-05-03 at 5.21.00 PM.png


        When inspecting your page, the issue seems related to the extra 'styling' Width within the Carousel Slide. When removed the overflow issue is solved:

        Screen Shot 2021-05-03 at 5.24.48 PM.png


        Could you please take a screenshot of your Carousel Settings / Options chosen?

        Please make sure Wordpress, Laytheme & Addons are all updated

        Do you have any Custom CSS or JS that may have an effect?

        When trying to recreate the problem i do not have this 'width' variable added, so would like to copy your setup to better investigate.


        Talk soon Craig & have a wonderful day 🌞

        Sincerely
        Richard
        CraigC Offline
        CraigC Offline
        Craig
        wrote on last edited by
        #5

        Hi @Richard, thanks a lot for looking into this.
        I'm still not sure what to do to fix this issue – do I need to remove the styling width? (not sure how to do that..).
        The vertical line on the right of the carousel also extends below the slide into the caption area (see screenshot).
        (I have no CSS at all and no other active addons. WP & Lay are up to date.)
        Best regards,
        Craig:)

        Screenshot_2021-05-11 Craig Stewart.png

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

          Dear Craig and DJ

          @Craig @Dodo

          Thank you for your updates - have recreated your setup and found the same bug 🐛


          I will forward this to Armin ✅


          Thank you for supporting Laytheme, Talk soon

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

            hello craig, do you have a link?

            try this css:

            .lay-carousel-slide{
            margin-right: 2px;
            }
            
            CraigC 1 Reply Last reply
            0
            • arminunruhA arminunruh

              hello craig, do you have a link?

              try this css:

              .lay-carousel-slide{
              margin-right: 2px;
              }
              
              CraigC Offline
              CraigC Offline
              Craig
              wrote on last edited by
              #8

              @arminunruh Hi Armin – thank you, and sorry for my very slow reply, I didn't see your post until now (superbusy on another project..!)

              The link: craigstewart.de

              I just tried the CSS you suggested, and while it appeared to improve the issue on the right side of the carousel frame, there is now a worse problem on the left side (see screenshot)

              Screenshot_2021-09-08 Craig Stewart.png

              I woud really love to resolve this:)
              Many thanks for your help, and the great theme!
              Craig

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

                Dear Craig

                @Craig

                Have you since resolved the issue? Im not seeing the margin-left issue:
                Screen Shot 2021-09-11 at 10.35.57 AM.png


                Talk soon & best wishes 🌝
                Richard
                CraigC 1 Reply Last reply
                0
                • RichardR Richard

                  Dear Craig

                  @Craig

                  Have you since resolved the issue? Im not seeing the margin-left issue:
                  Screen Shot 2021-09-11 at 10.35.57 AM.png


                  Talk soon & best wishes 🌝
                  Richard
                  CraigC Offline
                  CraigC Offline
                  Craig
                  wrote on last edited by
                  #10

                  @Richard Hi Richard, thanks for replying. I haven't resolved it, no – I just deleted the suggested CSS, as it was causing a new problem.
                  So the issue is still the original one (the right side of the carousel).
                  Thanks a lot for looking into this!
                  Craig

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

                    Dear @Craig

                    Will forward this to Armin again ✅

                    Also happening here:
                    http://laythemeforum.com:4567/topic/7184/carousel-bug

                    Could you please send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

                    This will help speed up the process for Armin 🌝


                    Best wishes Craig & talk soon
                    Richard
                    CraigC 1 Reply Last reply
                    0
                    • RichardR Richard

                      Dear @Craig

                      Will forward this to Armin again ✅

                      Also happening here:
                      http://laythemeforum.com:4567/topic/7184/carousel-bug

                      Could you please send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

                      This will help speed up the process for Armin 🌝


                      Best wishes Craig & talk soon
                      Richard
                      CraigC Offline
                      CraigC Offline
                      Craig
                      wrote on last edited by
                      #12

                      @Richard Thanks Richard! I have just sent that mail & info, so hopefully he will be able to investigate more easily now.
                      Cheers and all the best,
                      Craig

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

                        Thanks @Craig best wishes 🌝

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

                          hey

                          can you update the carousel addon now and see if it works now?

                          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