How to remove 'Go to cart'/checkout icon?
Sometimes you want a clean and minimal look for your popups / inpage / floating widget offers.
Let's take a look at how to remove the icons form the buttons
How to remove accept button icon?
Add the following CSS code inside Design > Additional CSS and save the funnel
|| This is a good read about adding CSS styles to the UFE app without modifying the theme.
|| How to add additional CSS styles?
.ufe-btn:not(.ufe-danger) .ufe-ico {
display: none;
}
How to remove both accept button and remove button icons?
You can add this code inside Design > Additional CSS for removing both button icons.
.ufe-btn img.ufe-ico {
display: none;
}
How to remove checkout button right arrow icon?
Append this code inside Design > Additional CSS if there is any other styles added before.
.ufe-core .chkout:not(.uloader):before {
content: none;
}
|| If you want to change the checkout button right arrow to something another Unicode icon then add CSS like this. You can even add emojis like this 🙂
||
.ufe-core .chkout:not(.uloader):before {|| content: 'PASTE UNICODE ICON HERE';|| }.ufe-core .chkout:not(.uloader):before {
content: '✓';
}
Hope you have learned how to remove icons from the buttons.
Hope you've got some value from this article. Let us know your feedback 🙂 We are excited to hear your thoughts.
|| No worries! Message us by clicking the chat icon 💬 inside the app.
|| Or Just email our team at support@helixo.co ✌️
Updated on: 04/04/2026
Thank you!