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. Padding on carousel

Padding on carousel

Scheduled Pinned Locked Moved General Discussion
11 Posts 2 Posters 276 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.
  • ryancrawfordR Offline
    ryancrawfordR Offline
    ryancrawford
    wrote on last edited by
    #1

    Hi,
    I found some code on the forum that someone pasted that added padding to the carousel, however when i added the padding the carousel went off center. Is there any code I can add to center it? I've attached a screenshot. Any help would be much appreciated.

    Thanks, Ryan!Screen Shot 2020-11-08 at 19.11.03.png

    ryancrawfordR 1 Reply Last reply
    0
    • ryancrawfordR ryancrawford

      Hi,
      I found some code on the forum that someone pasted that added padding to the carousel, however when i added the padding the carousel went off center. Is there any code I can add to center it? I've attached a screenshot. Any help would be much appreciated.

      Thanks, Ryan!Screen Shot 2020-11-08 at 19.11.03.png

      ryancrawfordR Offline
      ryancrawfordR Offline
      ryancrawford
      wrote on last edited by
      #2

      @ryancrawford http://www.ryancrawford.co.uk/ this is my website, but I've turned the padding off for now until I find a solution for the above.

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

        Dear @ryancrawford

        The code you have added does that - padding right: 1.5%
        It will push the carousel left: 1.5% - also if you want to target just the whole carousel you dont need to address all the inner contents, just :

        .lay-carousel-wrap {
            padding-right:1.5%;
        }
        

        What is it you would like to achieve? :)

        Best
        Richard

        1 Reply Last reply
        0
        • ryancrawfordR Offline
          ryancrawfordR Offline
          ryancrawford
          wrote on last edited by
          #4

          Hi Richard,

          Thanks so much for replying. What I would like to do is adding padding between every image, which the original bit of code does, however when you land on the website, the image that is supposed to be in the center is pushed off to the right. Does that make sense? Not sure if I'm explaining it well. Basically a 10px gutter between my images in the carousel, but keeping the image central.

          1 Reply Last reply
          0
          • ryancrawfordR Offline
            ryancrawfordR Offline
            ryancrawford
            wrote on last edited by
            #5

            I've just mocked this up in photoshop to show you what I'm trying to do.

            Screen Shot 2020-11-18 at 20.41.23.png

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

              Dear @ryancrawford

              If you go into the Carousel settings & give the slides a fixed height, - then "show multiple Slides" you can then select the space between the slides - 20px

              fScreen Shot 2020-11-23 at 2.26.02 PM.png

              Best
              Richard

              1 Reply Last reply
              0
              • ryancrawfordR Offline
                ryancrawfordR Offline
                ryancrawford
                wrote on last edited by
                #7

                @Richard-Keith said in Padding on carousel:

                space between the slides

                Hi Richard, thanks for your help on this. Weirldy i don't have that option for space between slides on mine. My plugins are all updated and I'm updated with wordpress. Odd. I've attched a screenshot...Screen Shot 2020-11-26 at 10.53.22.png

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

                  Hey Ryan @ryancrawford

                  Thats very odd, sorry about this occurring, now i can see the how you found it difficult in the first place!

                  Some first common steps if you will:

                  • Could you first try resetting your browsers Cache, just to be sure.
                  • Any Custom CSS or JS that may interfere is temporarily removed.
                  • And third-party plugins de-activated to see if this resolves the issue.

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

                  And will try to get this Bug sorted out as soon as possible

                  Apologies for any inconvenience this may have caused and as always thank you for being a user of Lay Theme!

                  Sincerely
                  Richard

                  1 Reply Last reply
                  0
                  • ryancrawfordR Offline
                    ryancrawfordR Offline
                    ryancrawford
                    wrote on last edited by
                    #9

                    Hey Richard, none of that worked unfortunately, thanks for your help though. I'm not comfortable sending passwords over email. Is there ant custom css i could use instead? If not no worries.

                    Thanks, Ryan

                    1 Reply Last reply
                    0
                    • ryancrawfordR Offline
                      ryancrawfordR Offline
                      ryancrawford
                      wrote on last edited by
                      #10

                      Hi Richard. It's working now, thanks for all your support! Ryan

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

                        Dear Ryan @ryancrawford

                        Awesome! great to hear & thank you for following up,

                        Sorry if i wasn't of as much help as i wish i had been,
                        Have a wonderful day Ryan and thanks for using Lay Theme

                        Best
                        Richard

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