How can I alter button design on Gift Reggie app pages?

[reblev]

Hi, we use a third party app called Gift Reggie, and on gift registry pages, the add to cart and checkout buttons look very different from our site's theme. Can anyone help me change this? like no outline, no rounded corners and the same colours as elsewhere on the theme?

Link to example of page with these odd buttons:

https://hopsongrace.com/apps/giftregistry/registry/152804

Screenshot We want the update cart and checkout buttons to match the submit button on the bottom right:

 

[AvadaCommerce · Accepted solution]

Hi @reblev ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

.giftreggie-front .action-buttons button {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding: 10px 18px;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    color: #3b3030;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #c2b8ad;
    border: 1px solid #c2b8ad;
    border-radius: 0;
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1) background-color, 0.15s cubic-bezier(0.4, 0, 0.2, 1) border-color;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[AvadaCommerce · Accepted solution]

Hi @reblev ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

.giftreggie-front .action-buttons button {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding: 10px 18px;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    color: #3b3030;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #c2b8ad;
    border: 1px solid #c2b8ad;
    border-radius: 0;
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1) background-color, 0.15s cubic-bezier(0.4, 0, 0.2, 1) border-color;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[reblev]

THANK YOU SO MUCH. 

[Leedz]

I tried the solution on Veuve and it works well thanks, 

[KetanKumar]

@Leedz 

thanks for update

[KetanKumar · Accepted solution]

@reblev 

can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

.giftreggie-registry .action-buttons button {
    background: #c2b8ad;
    padding: 15px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 100px;
}