• Ambyomoron

    (@josiah-s-carberry)


    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 column

    However, 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.