Vertically align middle in row/column

  • lauratraveler

    (@lauratraveler)


    8 years, 9 months ago

    Hey, I added a pink row with 2 columns at the end of the post. While I could style the row and add a class for the pink background and add padding, I cannot figure out how to vertically align the text and image. I tried adding a class for both the row and the columns, but I must be using the wrong CSS.

    I’d really appreciate your help.

    Thank you!

    • This topic was modified 8 years, 9 months ago by lauratraveler.

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

Viewing 1 replies (of 1 total)
  • josch87

    (@josch87)

    8 years, 8 months ago

    As I see you still don’t have a solution for this on your website. You applied padding but you couldn’t vertically align content in the cells itself. 

    /* Add pink bg and padding to shortcode box at end of post*/
.pinkbg {
    padding: 5%;
    background-color: #fef2f2;
}

    I want to do the same:

    
[su_row][su_column size="1/3"]

<img class="aligncenter wp-image-328 size-thumbnail" src="http://sourceoftheimage.png" alt="" width="150" height="150" />

[/su_column][su_column size="2/3"]
A lot of Content. 
[/su_column][/su_row]

    I want to verticaly align the image in first column with a lot of text in second column. I could use paddings or spacer but that wouldn’t be responsive.

    Is there anybody who can help?

Viewing 1 replies (of 1 total)

The topic ‘Vertically align middle in row/column’ is closed to new replies.

Tags