Title: Vertically align middle in row/column
Last modified: August 25, 2017

---

# Vertically align middle in row/column

 *  [lauratraveler](https://wordpress.org/support/users/lauratraveler/)
 * (@lauratraveler)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/align-middle/)
 * 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](https://wordpress.org/support/users/lauratraveler/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Falign-middle%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [josch87](https://wordpress.org/support/users/josch87/)
 * (@josch87)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/align-middle/#post-9583881)
 * 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.

 * ![](https://ps.w.org/shortcodes-ultimate/assets/icon-256x256.gif?rev=2547563)
 * [Shortcodes Ultimate - Content Elements](https://wordpress.org/plugins/shortcodes-ultimate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/shortcodes-ultimate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/shortcodes-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/shortcodes-ultimate/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 1 reply
 * 2 participants
 * Last reply from: [josch87](https://wordpress.org/support/users/josch87/)
 * Last activity: [8 years, 8 months ago](https://wordpress.org/support/topic/align-middle/#post-9583881)
 * Status: not resolved