How to make widget checkout button like the theme?

How to make widget checkout button like the theme?

upsell checkout button doesn't match with you theme styles?
Lets see how to fix it.
 
Prerequisite
The following part of the article requires development knowledge.
Prerequisite The following part of the article requires development knowledge.
 
Step 1 : Inspect the element in chrome and select the button element.
Step 2 : Right click on the button element and select Copy > Copy Styles
 
copy button styles
copy button styles
 
Step 3 : Wrap the style inside .ufe-btn.chkout as shown below.
 
.ufe-btn.chkout { //paste the style you have copied }
css for button customization
 
Next, we have to add this to ufe, for that goto ufe dashboard > global settings >design > additional settings
Add style to widget settings
Add style to widget settings
 
Note: add to global settings if you want to apply these styles though out your store. otherwise, you can add it to funnel settings or widget setting based on your requirement
 
 
Quick Info!
This is a good read about adding CSS styles to the UFE app without modifying the theme. How to add additional CSS styles?
Quick Info! This is a good read about adding CSS styles to the UFE app without modifying the theme. How to add additional CSS styles?
 
Don't have a developer onboard?
We'll help you customize, just contact our support team.
 
Hope you've got some value from this article. Let us know your feedback 🙂 We are excited to hear your thoughts.
 
Did we miss something?
No worries! Message us by clicking the chat icon 💬  inside the app.
Or Just email our team at support@helixo.co ✌️
Did we miss something? No worries! Message us by clicking the chat icon 💬 inside the app. Or Just email our team at [email protected] ✌️