Any Way to Vertically Align Icons w/ Font..?

  • Hi. I really love your plugin!

    I’ve been playing around with it today to see if it is a fit for me… so far all looks good… nearly ??

    Just wondering if I can tweak the alignment of the 2x icons I have included in my button?

    I tried inputting one icon (on left side) and then using the [wpidb icon=”ICON NAME”] code for another (on right side) but I got two different vertical alignments.

    So I then tried both icons (left & right) using [wpidb icon=”ICON NAME”] but ended up with icons below the vertical alignment of button text.

    Here is the code in the button text field:

    [wpidb icon="fa-hand-o-right"] LEARN MORE [wpidb icon="fa-hand-o-left"]

    Page with the button rendered:

    https://thrivelocal.co.uk/homev2

    Any insights much appreciated.

    Best
    Marty

    https://www.ads-software.com/plugins/wpi-designer-button-shortcode/

Viewing 1 replies (of 1 total)
  • Plugin Author WooPrali

    (@wooprali)

    Hi,

    Please follow below steps.

    1. install “simple custom css” plugin
    2. add below code in above installed plugins page

    .wpi_designer_button .wpidb_icon{
    vertical-align:top;
    }

    3. click “update custom css” button

    Thanks for using DesignerButton Plugin.

    Regards,

    PRALI

Viewing 1 replies (of 1 total)
  • The topic ‘Any Way to Vertically Align Icons w/ Font..?’ is closed to new replies.