Button styling

  • pressduck

    (@pressduck)


    5 months ago

    Hi, the default button is way too big and covers the related products card (price) on hover. I would like to style it so it doesn’t cover the card (see video); add tome top margin, padding, back. color etc. I tried copying many of the selectors from Google dev tools but none work. I’m looking to fix this for all products, not per product.

    I would really appreciate any input on how to do this.

    Thanks, Ales

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter pressduck

    (@pressduck)

    #product-8414 > section > ul > li.entry.content-bg.loop-entry.product.type-product.post-8420.status-publish.instock.product_cat-na-zalogi.has-post-thumbnail.sale.sold-individually.shipping-taxable.purchasable.product-type-simple > div > div > div.yith-ywraq-add-to-quote.add-to-quote-8420 > div.yith-ywraq-add-button.show

    {
    font-size:0.875em;
    display:block;
    margin-top: 35px;
    padding: 10 10 10 10;
    }

    Here’s an exapmle I tried but it doesn’t work on a particular product.

    Plugin Support Alberto Ruggiero

    (@witcher83)

    Hello @pressduck

    the video is private, so I cannot understand the issue.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.