css for custom button

  • Hi, I added a custom button to my single product page, however, I would like it to adopt the css of the add to cart button and also appear inline with the add to cart. I tried to copy/paste css code using Chrome Developer tools, it’s working in Chrome but on other browsers it’s bigger than the add to cart and off margin. This is how the button looks like redundant URL deleted please note that the “BUY UNBRANDED” is the add to cart button which I have changed title, and the button I need help with is the “BUY BRANDED” button. How do I go about it?

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

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

  • Hi @matarelovejoy,

    Well, You can use this css code.

    .woocommerce.single-product .product .yith-ywraq-add-to-quote {
    margin-top: -75px;
    margin-left: 340px;
    width: 40%;
}
.elementor-92699 .elementor-element.elementor-element-f3f32b9 .cart button {
    width: 40%;
}
a.add-request-quote-button.button.disabled{
   width :100%
}

    Past above code to Admin Dashboard > Appereance > Customize > Additional CSS

    Hope that work
    Thank you

    Hi, @matarelovejoy

    I didn’t hear you for a long time. Did your issue is resolved on not.

    If your problem is solved please mark this thread resolved.

    Thank You.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘css for custom button’ is closed to new replies.

Tags