Vertical Alignment

  • Resolved mimishili

    (@mimishili)


    4 years, 7 months ago

    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 to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author biplob018

    (@biplob018)

    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 after add more image set column settings as how many column you wanna into single rows. 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

    (@mimishili)

    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.