Add To Cart text not aligned with Button

  • Resolved zjudesign

    (@zjudesign)


    4 years, 2 months ago

    Hello,

    I’m trying to setup small WooCommerce website and I’m having an issue with “Add to Cart Button”. It seams that text is aligned with bottom line of button instead of being it centered on middle. I’m using Salient theme.

    I would appreciate any guidance you might have in resolving this issue.

    https://ibb.co/zNfstR8

    The page I need help with: [log in to see the link]

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

  • Hi,
    In your theme css, you have these codes:

    
.woocommerce-page button[type="submit"].single_add_to_cart_button, body[data-form-submit="regular"].woocommerce-page .container-wrap button[type=submit].single_add_to_cart_button {
    text-transform: uppercase;
    font-size: 16px;
    padding: 20px 45px!important;
    transition: all 0.2s ease;
}

    If you remove:

    
padding: 20px 45px!important;

    then the text in the button will be aligned properly.

    Hope this helps!

    Thread Starter zjudesign

    (@zjudesign)

    Hey mate,

    This worked! Big thanks for help and quick replay!

    M.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add To Cart text not aligned with Button’ is closed to new replies.