Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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. text and image alignment

text and image alignment

Scheduled Pinned Locked Moved General Discussion
14 Posts 2 Posters 298 Views 2 Watching
  • 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.
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh
    Global Moderator
    wrote last edited by arminunruh
    #3

    i think you're looking for textindent:

    image.png

    about the other issue:

    how about you try to create a table element or multiple table elements.
    then you can make the leftmost column some width like 20%

    image.png

    but actually i dont really understand the issue here:
    be5efc4b-891e-4aea-85b4-6e499a25e30b-image.png

    if you want you can also describe it to me in german if thats easier.
    you want the

    ahh maybe i understand!

    you can select the text and in the sidebar use a negative y-offset:
    05c3327a-6cbe-40f3-8b43-1f874d4bcb2f-image.png

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

      Danke @arminunruh

      1. Ich habe den Text-Indent angewandt, er funktioniert auch nach mehren Versuchen nicht. Hast du eine Idee, woran es liegen könnte? Der Text-Indent zieht nur die erste Zeile ein, richtig? Ich suche ja ein Tool, womit nur die erste Zeile einen Einzug bekommt.

      2. Hattest du diese Frage gesehen? Wie kann ich das Bild und den „Contact“ am unteren Rand ausrichten? Damit beide Elemente an der Unterkante auf der selben Höhe sind (über die gestrichelten Linie). Beide haben unten einen Abstand von 20 Pixeln.

      3. Die linke Kolumne ist Teil einer Tabelle (mit den anderen Kolumnen zusammen). Dann müsste ich die erste Kolumne mit dem ▮ wohl herauslösen und separat als einzelnen Text platzieren?

      Vielen Dank!

      1 Reply Last reply
      0
      • D Offline
        D Offline
        danny
        wrote last edited by
        #5

        noch zu Punkt 3) das Herauslösen funktioniert leider nicht, weil ich die vertikalen Linien der Tabelle verwende. Wenn ich die Tabelle teilweise auflöse, fallen diese ja weg.

        1 Reply Last reply
        0
        • D Offline
          D Offline
          danny
          wrote last edited by
          #6

          Dear @arminunruh hattest du evtl. Zeit, einen Blick drauf zu werfen? danke

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

            Can you please send:

            • a link to this forum topic
            • your website address
            • /wp-admin/ username and password
              to: info@laytheme.com

            i wanna try and see if maybe i can create the layout in the way you wanted when i try myself

            1 Reply Last reply
            0
            • D Offline
              D Offline
              danny
              wrote last edited by
              #8

              I just did ! thanks so much

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

                ok so first of all, i updated your lay theme, cause the older version you had had 2 problems:

                • text indent wouldnt always work
                • in browser height row, elements couldnt be positioned under / above a stack element

                here is what i did to create the layout

                i set frame top to 0:

                image.png

                i set the first row to browser height:
                de2dc930-d656-4fee-975f-7dcb29a70172-image.png

                i created a stack element with text elements next to each other and under each other:
                8ca0ba9b-afdd-4e54-88ed-9c47aeac2629-image.png

                when selecting the stack element itself, i set a stack row gutter so we have some spacing between the text elements:
                b564bcd4-c7a4-4501-9ae1-3c7dbe903118-image.png

                i set the default textformat text-indent to 0 in textformat, cause i think we dont need this anymore:
                ff08cc26-ab2f-4e5b-8d7f-d6d4ff65bfde-image.png

                looking at your bottom right menu, i found out it has a space bottom of 16px:
                a10db42b-7f5e-4720-ae2b-5cc99151f010-image.png

                so i placed the image at the bottom of the first browser height row and set a space bottom: 16px in the sidebar:
                fe8fd3f9-6535-4781-bcb3-bf62835568eb-image.png

                also in customize -> links in texts
                i set the link color to red
                f2a99615-1575-44db-9262-2648db8f602c-image.png

                this results in this layout:
                05b419a7-deea-4add-9b8c-460ecf0a9219-image.png
                https://axellestiefel.com/test6-copy/

                i think thats what u wanted no?

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

                  and i added this css, so links inside your highlighted text are white:

                  image.png

                  image.png

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

                    about the other alignment issue:

                    in lay options -> custom css & html:

                    image.png

                    i added this css to top align the texts here, the rectangle and the text next to it. then i used -6px to move the square up a bit

                    image.png

                    1 Reply Last reply
                    0
                    • D Offline
                      D Offline
                      danny
                      wrote last edited by
                      #12

                      @arminunruh thanks a thousand ! Only one thing - not sure if that is possible -

                      The last paragraph (on the landing page) should have an indent only in the first line. And that indent should have the same indent as the first paragraph. So to look like this:

                      Bildschirmfoto 2026-02-11 um 09.36.44.png

                      Thanksxxx

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

                        yea thats not so easy to do

                        i had to see what kind of grid you set up and then calculate some things and write some css

                        1b8b52ce-f7ba-409a-bf27-24e8f209eed8-image.png

                        then i set the html class of that text element:
                        a5a170d9-0e9d-47dd-8aea-357e18dc60d5-image.png

                        now it looks correct:
                        9d77521b-206b-48fa-a4e6-dbdacb3a5234-image.png

                        1 Reply Last reply
                        0
                        • D Offline
                          D Offline
                          danny
                          wrote last edited by
                          #14

                          oh wow! thanks so much @arminunruh !

                          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

                          Our Web Development company: 100k.studio

                          Want to tip me? https://www.paypal.com/paypalme/arminunruh

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