Go to Dashboard

How can we help?

Popular articles Welcome to Gelato! Getting Started with Manual Orders Getting Started with Shopify Integration Getting Started with Etsy Integration Getting Started with WooCommerce Integration What print products do you offer? 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? Can I claim back the VAT of my order? 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? 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 you return policy and quality guarantee? How do I report a problem with my order? 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? How can I check your product price?

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