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.

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

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

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?

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 ✌️