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