Displaying currency after the price with Elfsight Pricing Table

When customizing your Pricing Table widget, you may need to change the position of your currency icon so that it is displayed after the price. To achieve that, please follow the steps below:

1

Go to the Appearance tab:

2

Copy the following CSS code:

.eapps-pricing-table-column-price-text { 
  display: inline-flex; 
  justify-content: center; 
  flex-flow: wrap; 
} 
.eapps-pricing-table-column-price-currency { 
  order: 1;
  top: .9em;
} 
.eapps-pricing-table-column-price-value { 
  order: 0;
}<br>
	

3

Scroll down to the Custom CSS section and add the code to the opened field:

Well done! This is what it should look like after you add the CSS code:

Now you know how to change the position of this icon. We hope that you like the results!