text and image alignment

[danny]

• this one:

How can I force the left columns (with the ▮) to be aligned from the top with the other columns?

The ▮ is bigger in type size, otherwise it would be to small. Line height is the same.

https://axellestiefel.com/test6/

[arminunruh]

i think you're looking for textindent:

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%

but actually i dont really understand the issue here:

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:

[danny]

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!

[danny]

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.

[danny]

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

[arminunruh]

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

[danny]

I just did ! thanks so much

[arminunruh]

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:

i set the first row to browser height:

i created a stack element with text elements next to each other and under each other:

when selecting the stack element itself, i set a stack row gutter so we have some spacing between the text elements:

i set the default textformat text-indent to 0 in textformat, cause i think we dont need this anymore:

looking at your bottom right menu, i found out it has a space bottom of 16px:

so i placed the image at the bottom of the first browser height row and set a space bottom: 16px in the sidebar:

also in customize -> links in texts
i set the link color to red

this results in this layout:

https://axellestiefel.com/test6-copy/

i think thats what u wanted no?

[arminunruh]

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

[arminunruh]

about the other alignment issue:

in lay options -> custom css & html:

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

[danny]

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

Thanksxxx

[arminunruh]

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

then i set the html class of that text element:

now it looks correct:

[danny]

oh wow! thanks so much @arminunruh !