Image side by side to text with Text Editor

  • Resolved mominet

    (@mominet)


    2 years, 6 months ago

    Hi everyone, sorry if the question is stupid but I have built a whole website and now I’m stuck on what could be the most stupid thing:

    in practice for fantasy football I have to insert the classic small icons next to the name in the match details

    For needs, the whole team is contained within a text editor made with Elementor

    Elementor1

    where, among other things, visually the effect you see is correct, but whether I add the image as HTML or with the visual editor, the result is that the image goes above and also increases the line both above and very much under.

    Elementor2

    Since the image is 12px and the text 16px how can I just make the image stay on the same line as the text without increasing the line height as well?

    thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi, you can try a custom width in the Advanced tab -> This should allow setting everything in one line. You can also add a margin and padding to the image so they will be aligned.

    Thread Starter mominet

    (@mominet)

    Thanks for the reply
    Maybe I didn’t understand your advice well but I don’t think I can position the image like that since it is a single text field

    ElementorTE

    I had thought of creating a 6-column structure (6,35,9,9,35,6), but why when I size them, space on the right disappears, not making me cover 100%?

    ElementorCL

    Hi, you can try to make the line heights align with this. You can set the line heights for the text widget and the numbers in their style tab -> typography.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image side by side to text with Text Editor’ is closed to new replies.