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:

Go to the Appearance tab:
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;
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!

Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us