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. padding is pushing Content off center (via css class)

padding is pushing Content off center (via css class)

Scheduled Pinned Locked Moved Bug Reports
7 Posts 2 Posters 169 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.
  • albrechtA Offline
    albrechtA Offline
    albrecht
    wrote on last edited by
    #1

    Dear Lay-team (@Armin-Unruh @mariusjopen) <3

    I’m in an early stage of a new LT Page, looking forward to squish the best out of LT.

    Problem right now:

    • I have a css class "button" which include padding value (content in the box should have space to the edge of the box)
    • i assign the class to a content box (no matter if it is a text-, media, or other content-box)
    • the box get pushed out of the center/grid

    Bildschirmfoto-2021-11-19-um-15.46.48.jpg

    Bildschirmfoto 2021-11-19 um 16.15.50.png

    Hope this was clear enough. let ne know if not.

    thx.
    cheers.

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

      Dear @albrecht

      Very helpful screenshots, thank you šŸŒI understand the issue.

      To make sure, is everything up to date? there was a Bug recently with the Left frame, fixed with version 4.0.4 :

      "Fixed an error with element positioning when using pixels as frame left right measuring unit in "Lay Options" → "Gridder Defaults"

      Secondly are you able to post a link to your website for better inspection? (maybe you are working locally) šŸ”

      If i could inspect the webpage and see what padding/margins are being added this would help.


      Talk soon & best wishes Albrecht, sorry for such a delayed reply
      Richard
      1 Reply Last reply
      0
      • albrechtA Offline
        albrechtA Offline
        albrecht
        wrote on last edited by
        #3

        Hey Richard,

        sorry for delay... URL is
        http://umlaut.albrechtgaebel.de

        I again put a textbox "das ist eine Testbox" in the layout so you can see the problem.

        can you see the problem?

        1 Reply Last reply
        0
        • albrechtA Offline
          albrechtA Offline
          albrecht
          wrote on last edited by
          #4

          everything is updated! ;)

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

            Dear @albrecht

            I would suggest testing without the Custom CSS just to see if the Bug still occurs (vanilla environement) just to be sure.

            However i see the added 4% Margin on "Das ist eine Textbox"

            The following CSS resolves the issue:

            #grid .push-0 {
                margin-left: auto;
                margin-right: auto;
            }
            

            You may need !important to override the native css but hopefully not, e.g:

            #grid .push-0 {
                margin-left: auto !important;
                margin-right: auto !important;
            }
            

            Screen Shot 2021-12-16 at 10.31.28 AM.png

            If you do wish to make the test in Vanilla environment we could confirm it's a true Bug and i can get it forwarded for a Fix šŸŒ Just need to see what works for you (maybe the css is all good if you only need it for that particular box)


            Best wishes
            Richard
            1 Reply Last reply
            0
            • albrechtA Offline
              albrechtA Offline
              albrecht
              wrote on last edited by
              #6

              this solved it.

              #grid .push-0 {
                  margin-left: auto !important;
                  margin-right: auto !important;
              }
              

              Without Custom CSS the problem was not there. No Vanilla environment here ;)

              thx! <3

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

                Thanks for the update @albrecht best wishes for Christmas šŸŽ„

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