Vertically centering image in a column?

  • Resolved meijin2k

    (@meijin2k)


    2 years, 1 month ago

    Loving this plugin (have the paid version), but am having an issue I cannot figure out. I know enough about WordPress to be dangerous, so apologies in advance if this is something basic I am missing.

    I am using 3 columns (inside of a row) to display 3 images side by side.

    [su_row][su_column size="1/3" center="no" class=""]

[/su_column] [su_column size="1/3" center="no" class=""]

[/su_column]

[su_column size="1/3" center="no" class=""]

[/su_column][/su_row]

    The problem is that I would like to have the first and third images centered vertically instead of being aligned at the top of the column. The center image is taller and I think it looks better or more balanced to have 1 and 3 with white space at the top and bottom. Hopefully that made sense. I have played around with image dimensions, but with no luck.

    On the link I have included, if you scroll to the sections that says “Shoreikan Goju-ryu”, you can see an example of what I am referring to.

    Thank you for the assistance.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Vova

    (@gn_themes)

    Hi @meijin2k,

    unfortunately, this isn’t possible with the current version of the Columns shortcode which is made using floats.

    In the future I will make a new version of the shortcode using Flexbox and it will allow such alignment.

Viewing 1 replies (of 1 total)
  • The topic ‘Vertically centering image in a column?’ is closed to new replies.