Title: Vertical Alignment
Last modified: April 23, 2020

---

# Vertical Alignment

 *  Resolved [mimishili](https://wordpress.org/support/users/mimishili/)
 * (@mimishili)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/vertical-alignment-15/)
 * I have 3 shortcodes created for hover image which is displayed to website vertically.
   But I want it to display horizontally. I tried your suggestion on the other thread
   which is to creat 6 images in a single shortcode but it didn’t work. Also I just
   need 3 hover images which is not applicable for me to add more image. Please 
   help.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fvertical-alignment-15%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [biplob018](https://wordpress.org/support/users/biplob018/)
 * (@biplob018)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/vertical-alignment-15/#post-12720955)
 * I see into your websites while you add 2 shortcode.
 * As the rule of shortcode each one took 100% width and unable to comes into Vertical
   Alignment. In this case you have solutions.
 * Solutions 01: go into shortcode edit page and add more image. kindly check this
   [https://youtu.be/SGHeoNPogbE?t=51](https://youtu.be/SGHeoNPogbE?t=51) after 
   add more image set column settings as how many column you wanna into single rows.
   [https://youtu.be/SGHeoNPogbE?t=75](https://youtu.be/SGHeoNPogbE?t=75) once you
   set column you can use single shortcode as 3 or 4 image per rows.
 * Solutions 02: If you have some bootstrap column knowledge so you can use as html.
   I use custom column name as b
 * >  <div class=”oxi-addons-container”>
   >  <div class=”oxi-addons-row”> <div class
   > =”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″> #SHORTCODE </div> <div
   > class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″> #SHORTCODE </div>
   > <div class=”oxi-bt-col-lg-4 oxi-bt-col-md-6 oxi-bt-col-sm-12″> #SHORTCODE </
   > div> </div> </div>
 * I offer only col-12, col-6, col-4, col-3, col-2 and col-1 only. So you can add
   multiple shortcode into this HTML with basic bootstrap formula.
 *  Thread Starter [mimishili](https://wordpress.org/support/users/mimishili/)
 * (@mimishili)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/vertical-alignment-15/#post-12726863)
 * Hi. Thanks a lot the column settings makes it work! I created a shotcode with
   6 images in it and set column settings as how many column I want in single row.
   
   Now I have a new problem. The flip animation doesn’t work.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Vertical Alignment’ is closed to new replies.

 * ![](https://ps.w.org/image-hover-effects-ultimate/assets/icon-256x256.png?rev
   =3286352)
 * [Image Hover Effects Ultimate ( Image Gallery, Effects, Lightbox, Comparison & Magnifier )](https://wordpress.org/plugins/image-hover-effects-ultimate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/image-hover-effects-ultimate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/image-hover-effects-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/image-hover-effects-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/image-hover-effects-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/image-hover-effects-ultimate/reviews/)

## Tags

 * [Image hover](https://wordpress.org/support/topic-tag/image-hover/)

 * 2 replies
 * 2 participants
 * Last reply from: [mimishili](https://wordpress.org/support/users/mimishili/)
 * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/vertical-alignment-15/#post-12726863)
 * Status: resolved