Vertical Aligning of text within two columns where the line heights are differen
-
I am not sure how to force the following formatting:
1. An inner section has two columns. The section and the columns all have default settings.
2. A text widget is added to each column
3. I want the line spacing of the left text widget to be smaller than the line spacing of the right text widget. I also want the first line of text for each widget to be aligned (in a vertical sense) with each other.I would like to do this by applying a single custom css style to a single element. By applying the style to either the text widget or to the column I can get the line height I want, but not the vertical alignment with the right side. The text in the left widget is too high compared to the right widget. Setting a padding-top value in the custom style has no effect.
I know that I can achieve the desired result by:
a) creating a custom style in which I set the line height for the left widget; and
b) adjusting within Elementor the top padding of the left columnHowever, I am hoping I can do this all in one place, with just a custom css style.
Many thanks in advance to anyone who can help.
PS: Please don’t ask me for a link to a page – this is not in production.
- The topic ‘Vertical Aligning of text within two columns where the line heights are differen’ is closed to new replies.