Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #533001

    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

    #533655

    Hi tremblayly!

    try this code in Quick CSS field:

    .rs_rs_addtocart {
    padding: 15px;
    }
    

    Regards,
    Andy

    #533683

    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

    #534573

    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

    #534869

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

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