Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1214170
Quickfinder Alingment
Closed

Comments

  •  2
    aciddesigns started the conversation
    June 21, 2017 at 11:25am

    Hello..

    I am using Quickfinders , to show case 4 different blocks.

    1. The 1st issue is that I am not able to aling / control Height of each block. They are resizing based on the text inside the container and hence causing misalignment  of the corners ( find attached QuickFinder-laptop.png )
    2. The 2nd Issue is that all Quickfinders end with a white padding or order. as seen at the bottom of ( QuickFinder-LargeScreenDesktop ( 1920 px ).png ) and the Mobile screen ( QuickFinder-AnroidPhone.png )

    Please let me know how can i align the same ( make quick-finders the equal height )

  •  4,803
    Michael replied
    June 21, 2017 at 12:33pm

    Hi,

    Please share admin access. We will try to inspect problem on your site.

  •   aciddesigns replied privately
  •  4,803
    Michael replied
    June 22, 2017 at 11:46am

    pls, check your site. Now you need to reduce the height of your text, if it is slightly smaller, there will not be a gap

  •  2
    aciddesigns replied
    June 23, 2017 at 6:57am

     Micheal..

    Unfortunately, its messed up even more.

    PFA the images for Mobile and Desktop.


    In mobile the Tittle "Top Selling Games" is getting hidden.

    Even in desktop the Quick finders are not aligning and the left column margins are are also mis matched.

    I will have to revert back to the previous saved version, the client is really furious.

    Please let me know when you can resolve this issue.

    warm regards




  •  4,803
    Michael replied
    June 23, 2017 at 10:51am

    Please, check your page now.

  •  2
    aciddesigns replied
    June 23, 2017 at 12:13pm

    Superb Micheal..

    Really thanks. Works Fatnastic on all devices


    Can you tell me how / what needs to be done ?

  •  4,803
    Michael replied
    June 23, 2017 at 1:07pm

    HI!

    pls. use following css:

    #post-29301.inline-column, #post-29299.inline-column {
    margin-bottom:0px !important;
}
@media (max-width: 1199px) {
.wpb_row > * {
    margin-top: 0;
}
}
@media (max-width: 1024px) {
    .no-gaps .inline-column{
        margin-top:0 !important;
    }
}
@media (max-width: 1199px) {
    #post-24216.inline-column ,#post-29296.inline-column, #post-29301.inline-column {
        margin-bottom:0px !important;
    }
    #post-29299.inline-column {
        margin-top: 42px !important;
    }
    #post-29296.inline-column {
        margin-top:0px;
    }
}
.quickfinder.quickfinder-alignment-right .quickfinder-item.icon-size-small .quickfinder-item-table .quickfinder-item-image {
    padding-left: 10px !important;
}
.vc_custom_1498029085052 {
    margin-bottom: -2px !important;
}
  •  2
    aciddesigns replied
    June 23, 2017 at 1:22pm

    thank you michael

  •  4,803
    Michael replied
    June 23, 2017 at 1:47pm

    Feel free to contact us if you need help. Have a nice day.