Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #3215479
Global buttons
Closed

Comments

  • Kaycp started the conversation

    I created a custom button and it is working fine and mostly global across the theme except it's not working for the WooCommerce store. How can I activate it for the rest of the theme to work with the Woocommerce store? You can see some of the buttons with the customization on the shop page because I used images and a button, but there is one where I added an item using WooCommerce store products and that one item has a standard button.

  •  6,918
    Oliver replied

    Hi,

    Can you make few screenshots to describe the issue? 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   Kaycp replied privately
  •  6,918
    Oliver replied

    Hi,

    Do you need to change add to card button to make the same like others? 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Kaycp replied

    yes it's the add to cart button I want to look like the other buttons

  •  6,918
    Oliver replied

    HI!

    CSS example:

    .portfolio.extended-products-grid .portfolio-item.product .wrap > .caption .product-bottom .add_to_cart_button.type_button {
        padding: 10px 15px 10px 15px;
        background: url(https://fierceboldtechnology.com/wp-content/uploads/2021/12/Copy-of-Blue-Rose-4.png) left center / cover no-repeat;
        color: rgb(255, 210, 98)!important;
        border-color: rgb(255, 210, 98) !important;
        border-style: solid;
        border-width: 3px !important;
        border-radius: 10px!important;
        backdrop-filter: none;
        filter: brightness(100%);
        transform-origin: 50% 50%;
        opacity: 1;
        transform: translate(0px, 0px);
        visibility: visible;
        font-size: 16px;
    }

     

    3938581396.jpg

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Kaycp replied

    It works. Thanks.

  •  6,918
    Oliver replied

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver