Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 27, 2015 at 3:46 pm #494241
    Edna

    Hi,
    Is there a way to Vertically centering text depending on the image height?
    http://www.redrams.com/images/HorizontalCenterAlign.jpg

    Please note that all images are just placeholders for the time being and will be changed.

    Thanks so much
    E.

    August 27, 2015 at 10:19 pm #494494
    Dake

    Hey Edna!

    You can try following the instructions in this thread here to apply a custom css class to any text block of your choice then apply an appropriate margin-top style (with px or %).

    Cheers!
    Dake

    August 31, 2015 at 3:10 pm #495868
    Edna

    Hi Dake,
    I have added the top margin style.10% However it doesn’t quite do what I need it to do which is a perfect centering of the text with the image next to it. Any help would be appreciated.

    Thanks
    E

    September 1, 2015 at 8:03 am #496274
    Ismael

    Hi!

    I’m sorry but I don’t think there is an all-in-one solution in what you’re trying to achieve here. The previous solution will require additional css media queries to adjust the property on different screen sizes, in this case, the top margin. It is also more effective if you set the columns to have equal height. Please edit the first 1/2 column in the row then set the Equal Height Columns settings to “Equal height”. Set the vertical alignment to “Middle”.

    Cheers!
    Ismael

    September 3, 2015 at 3:18 am #497473
    Edna

    Hi Ismael,
    Thanks for the reply. I ws able to achieve what I needed by changing the Equal Height Columns settings to “Equal height”.
    It worked like a charm.
    Thanks for everything
    E.

    September 4, 2015 at 10:07 am #498191
    Ismael

    Hey!

    Great! Glad we could help. :)

    Cheers!
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Vertically centering text depending on image height’ is closed to new replies.