Altering the aspect of elements via CSS

To alter the look and feel of the Currency Selector widget, simply modify your theme's CSS file and use the following selectors:

  • .widget_edd_aelia_currencyswitcher_widget
    Matches the container that wraps around the whole Currency Selector.
  • .widget_edd_aelia_currencyswitcher_widget .widget-title
    Matches the widget's title.
  • .widget_edd_aelia_currencyswitcher_widget #aelia_cs_currencies
    Matches the dropdown list displayed used to select a currency.
  • .widget_edd_aelia_currencyswitcher_widget .button.change_currency
    Matches the button that triggers the selection of the currency.
  • .widget_edd_aelia_currencyswitcher_widget .currency_button
    When the currency selector widget is displayed as a set of buttons, this selector matches all buttons. If you wish, you can select each individual button based on the currency code. For example, .widget_edd_aelia_currencyswitcher_widget .currency_button .EUR will match the buttons for Euro, .widget_edd_aelia_currencyswitcher_widget .currency_button .USD will match the button for USD and so on.
  • .widget_edd_aelia_currencyswitcher_widget .currency_button.active

    When the currency selector widget is displayed as a set of buttons, this selector matches the button corresponding to the active currency.


You can use the above to change size, font, colours and any attribute of the Currency Selector, to adapt it to your needs.


Adding custom widget templates

The currency selector widget is rendered using template files that can be found in {your wordpress folder}/wp-content/plugins/edd-aelia-currencyswitcher/views folder. The following standard templates are available:

  • currency-selector-widget-dropdown.php: displays "dropdown" style selector.
  • currency-selector-widget-buttons.php: displays "buttons" style selector.

If you wish to alter the templates, simply copy them in your theme. They should be put in {your theme folder}/edd-aelia-currencyswitcher/ and have the same name of the original files. The Currency Switcher will then load them automatically instead of the default ones.


You can purchase the Currency Switcher from our online shop.