Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 10, 2015 at 2:31 am #533001
    tremblayly

    Hi
    I’m using MailChimp for WordPress Pro. I’ve created a signup form and had to adjust the submit button so it would be the same size as the input fields using code in my custom stylesheet. You can see the form here: http://lysetremblayjewelry.ca/

    When I look at my Predictive Search results page, the button used to “Add to Cart” is styled the same way as the form. However, when the product is Sold Out, that button does not display correctly. You can see here and scroll until you see the Sold Out button: http://lysetremblayjewelry.ca/woocommerce-search/keyword/lapis/search-in/product/cat-in/all/search-other/product,p_cat
    The button does not seem to have enough padding.

    How do I solve this?

    Thanks
    Lyse

    November 10, 2015 at 8:34 pm #533655
    Andy

    Hi tremblayly!

    try this code in Quick CSS field:

    .rs_rs_addtocart {
padding: 15px;
}

    Regards,
    Andy

    November 10, 2015 at 9:22 pm #533683
    tremblayly

    Hi Andy
    I was already using that element at 10px, so changed it to 15px and it resolved the Sold Out button, but the Add to Cart button has a lot more padding. Is there a way to specifically add padding just to the the Sold Out button leaving the Add to Cart one at 10px?
    Thanks
    Lyse

    November 12, 2015 at 6:42 am #534573
    Ismael

    Hey!

    Please try this code:

    .rs_rs_addtocart, .rs_rs_addtocart a {
    min-width: 210px;
    width: 210px !important;
    max-width: 210px;
    display: block;
    text-align: center;
}

    Regards,
    Ismael

    November 12, 2015 at 4:29 pm #534869
    tremblayly

    Hi Ismael,
    Perfect!
    Thank you so very much.
    Lyse

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Button size different on search product page’ is closed to new replies.