How can I resize the buttons in my Globo Pre Order app?

Store Design
1

Hi,

I have an app called globo pre order that I use for “special order” button and a "notify me when back in stock button. I would like to know how to change the code to make the buttons themselves smaller (as in not the entire width of the section) as they extend for quite a long distance beyond the button text.

product page linked below

https://hopsongrace.com/products/large-pillar-candle-anthracite-4x8

2

Hu @reblev

Please use this css

.product-form .product-submit, .gBackInStock-Button button {
  width: 54% !important;
  margin: auto !important;
  display: block !important;
}
3

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:
.product-form .product-submit,
.gBackInStockBtn {
    max-width: 300px !important;
}

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

1 Like
4

Thank you ! This did the trick

5

Hi this doesnt seem to work