How can we help you today?

How to Make the Icon Display After Text in a Button

By default, if you enable an icon in the Button element it will look like this: 

In this article we will explain how to switch the position of the icon and the text:

*Note: this article works for buttons without subtitle.


Step 1: Copy the CSS code

display: flex;
width: fit-content;
flex-direction: row-reverse;

Step 2: Insert code into the Button element


Open the page in edit mode, press the cog wheel on the Button element and switch to Custom CSS tab.

Paste the code in the field. Then, press Update.

Save the page.


That's it.


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 46 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more