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.
  • 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