Go to Dashboard

How can we help?

Popular articles Welcome to Gelato! Getting Started with Manual Orders Getting Started with Shopify Getting Started with Etsy Getting Started with WooCommerce Getting Started with Wix Getting Started with Squarespace Getting Started with BigCommerce What print products do you offer? How can I check your product price? What is the design editor? How does the integration with Shutterstock work? Frames & Hangers - Stock Status How does the sign-up promotion work? Why do I get charged VAT/tax on some orders and not others? Where do you print locally? How quickly do you deliver? How do I estimate the price for shipping? Where can I find the flat rates for shipping? How do I see where a specific product is being printed? I receive an error message when I try to place an order. What should I do? How do I place a manual order via the Gelato Dashboard? How do I check the order status in the Gelato Dashboard? How do I check estimated delivery date and tracking in the Gelato Dashboard? Email Notification from Gelato: Order [123] is on hold - Action required How do I contact Gelato? Do you offer 24/7 customer support? What is your return policy and quality guarantee? How do I report a problem with my order?

How to style and modify the "Personalize design" button in my Shopify store?

Once the button is visible, you can add any customization via CSS in your store using the following: 

#ge-personalize {
  // any css property followed by value and !important sign:
  width: 30% !important;
  color: black !important;
  // and so on, any customization you need.
}

 

Tip: You can find more information on how to add custom CSS here.

 

Note: Currently, is not possible to update the language for the "Personalize design" button in your store.

 

An example of how it would look is shown below:

image-2020-10-08-01-16-08-084.png

 

Similarly, the 'add to cart' button can be customized via CSS in your store using the following: 

 

#ge-add-to-cart {
// any css property followed by value and !important sign:
width: 50% !important;
color: black !important;
font-size: 30px;
// and so on, any customization you need.
}
Was this article helpful?
0 out of 0 found this helpful