Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • October 10, 2019 at 9:34 am #1146789
    newmediologo

    Hi.. I need to have some text box with an image/icon on the left.. No problem for horizontal alignement but how to maintain the correct vertical alignement to have te text centered at the middle of image..
    Schermata 2019-10-10 alle 09.26.27.png

    Thank You Very Much for Your Support..

    October 11, 2019 at 6:05 am #1147022
    Rikard

    Hey newmediologo,

    Thanks for the screenshot, I’m not sure I understand the problem you are having though? Please try to explain a bit further and post a link to where we can see the actual element.

    Best regards,
    Rikard

    October 11, 2019 at 8:03 am #1147049
    newmediologo

    Hi Rikard.. In the text box the image is aligned to left and the text is on the right.. I need that the text remains vertical aligned at the center of the image as in the screenshot so when the element is displayed on different sizes of screens it remains with the same shape..

    Site is currently developed and under mainteinance, if necessary i can provide an admin login..

    Thank You Very Much for Your Support..

    October 12, 2019 at 1:29 pm #1147339
    Rikard

    Hi,

    Thanks for the clarification, it’s very difficult to always align the text depending on if the text wraps on 1, 2 or 3 lines for example. You would likely have to use multiple media queries in order to get that right. And even with that it might not always work as expected. If you need further help then please provide access to your site and let us know exactly what you would like to change and on which screen resolutions.

    Best regards,
    Rikard

    October 12, 2019 at 1:40 pm #1147342
    newmediologo

    Hi @Rikard..
    In past times when we use HTML we use the tags <img src"myimage.jpg" align="left" valign=”middle” />

    What I can use to get the same result of valign=”middle” for the vertical alignement of the image..

    Thank You Very much

    October 13, 2019 at 5:25 am #1147505
    Rikard

    Hi,

    You can use the vertical-align property in CSS: https://www.w3schools.com/cssref/pr_pos_vertical-align.asp. I’m not sure if it would work though since that will effect the text position inside of the container element, not in relation to the icon.

    Best regards,
    Rikard

    October 13, 2019 at 7:51 am #1147519
    newmediologo

    Hi Rikard.. I need that text and image remains aligned as in the screenshoot.. No more..

    Something similar is in this post: https://kriesi.at/support/topic/vertical-alignment-between-a-text-and-an-image/

    Thank You Very much

    October 14, 2019 at 4:08 am #1147672
    Rikard

    Hi,

    Yes, I understand what you need, but like I’ve stated before it’s likely not that easy since the distance of the text from the top would be different depending on if the text wraps on 1, 2 or 3 lines. We would need to be able to inspect the element in question in order to give you accurate CSS.

    Best regards,
    Rikard

    October 14, 2019 at 8:51 am #1147747
    newmediologo

    HI Rikard.. Below the access data..
    Website is now in maintenance status
    Thank You very much..

    October 14, 2019 at 1:42 pm #1147840
    Rikard

    Hi,

    Thanks for that, you need to remove all line breaks after the images. I edited the first paragraph on the front page to illustrate the difference it makes.

    Best regards,
    Rikard

    October 14, 2019 at 2:04 pm #1147847
    newmediologo

    Thank You Rikard but in that way text is above the center of the image, is better with one line break.. But is possible that we cannot find the way to vertical align the image..?

    Thank You Very Much for Your support..

    October 15, 2019 at 6:55 am #1147972
    Rikard

    Hi,

    As far as I can see there is no way to align the image vertically unfortunately, you could try to add top padding to it though.

    Best regards,
    Rikard

    October 15, 2019 at 9:45 am #1148011
    newmediologo

    Hi Rikard..

    Probably the only way is create a table with Tablepress and apply a style to cells, Tablepress consent to set the alignment..

    Thank You Very Much for Your support..

    October 16, 2019 at 6:27 am #1148308
    Rikard

    Hi,

    Yes, that might be an alternative which might work. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    October 16, 2019 at 8:59 am #1148339
    newmediologo

    Hi Rikard, since there’s no way to solve You can close..

    Thank You Very Much for Your support..

    October 16, 2019 at 10:51 am #1148389
    Nikko

    Hi newmediologo,

    We’ll be closing this thread then.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Vertical alignment between a text and an image’ is closed to new replies.