PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]
Botoscope is currently in early access

Support Forum

You need to log-in to create request (topic) to the support

Target just the currency symbol in css

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
callmeritesh(@callmeritesh)
19 Posts
Customers
March 27, 2026, 19:47

Hi, I am using [woocs_show_custom_price value=1000] shortcode to show custom values in the customer's selected currency, but in this I want to target just the currency symbol in css so that I can style the currency symbol separately, how do I do that?

Example:
[woocs_show_custom_price value=7840] --> This outputs $7,840
I want to make the font-size of '$' smaller than the font size of '7840'

Kindly let me know how I can do this, thank you!

#1
Alex Dovlatov(@alexdev)
825 Posts
March 30, 2026, 14:06

Hello

Yes, you can do it using CSS, just place next code into file functions:

add_action( 'wp_head', function () {
    ?>
    <style>
        .woocs_amount {
            display: inline-block;
        }
        .woocs_amount::first-letter {
            /* Your more styles are here */
            font-size: 0.75em;
            vertical-align: super;
        }
    </style>
    <?php
} );

 

Result is:

#2