styling tips for currency switcher?

[Michael Bang]

Asked support for how to style the switcher. It looks, ehem, not that modern or clean. Then I asked support, and the answer I got was: “Using this shortcode [wcj_currency_select_drop_down_list], you can display a multiple currency dropdown on the front end”.
But it doesn’t answer the question I asked for support for:

I need to style the switcher.

font: helvetica lowercase 12px
No border
transparent background
width set to same as font size.
dropdown only showing alternative currency – do not show the active currency choice.

Anyone that can help me on how to finde the correct styling css to put in my elementor? The drop down comes in a shortcode widget.

[Nigel_TT]

At least they did not ask you for screenshots on a platform that does not allow attaching them.

As for your question, is there a reason you do not want to use inline css or override css?

Anyway, you would define the CCS override for: WCJ_General_Shortcodes.wcj_currency_select_drop_down_list

Specifically that shortcode exists in : class-wcj-widget-multicurrency.php If you want to view it’s structure.
Booster-Plus-For-Woocommerce/includes/widgets

Which suggests that you could also override WCJ_Widget_Multicurrency

Of course you also have the high maintenance option, but overriding the shortcode style is the most durable option across updates.

[Michael Bang]

Thx

I am sorry, but I am not that familiar with CSS, so I am able to answer that question. So any advice on how to proceed would be higly appreciated.

[David G]

Hi @love2learnit,

Thanks for reaching out to us.

If possible, please try to add the CSS below in Booster >> Emails & Misc >> Custom CSS Module and enable the module.

select#wcj-currency-select {
font-family: “Helvetica”, Sans-serif;
background: transparent;
font-size: 12px;
text-transform: lowercase;
border: 0px;
}

[Michael Bang]

Due to the support respons and the (lack of) options available in Booster, I ;
-removed the plug-in
-Removed Booster access to site
-requested a refund.
-found another solution

[Author]

Posts