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

Store Design
1

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:

Screen Shot 2022-03-31 at 3.25.25 PM.png
Screen Shot 2022-03-31 at 3.25.25 PM.png859×699 54.8 KB

1 Like
2

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.

3

@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;
}
4

THANK YOU SO MUCH.

5

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

1 Like
6

@Leedz

thanks for update