How to remove 'Yes, I want'/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
 
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?
.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;
}

 
Pro Tip! 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.
Remove button without icon
 
Add to cart button without icon
 
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 ✌️