- This topic has 5 replies, 2 voices, and was last updated 5 years ago by
.
We have added the following Custom Code to add a “$” symbol in front of the counter numbers:
<span style=”font-weight: 400;”>.sh-counter-number:before {</span>
<span style=”font-weight: 400;”> content: “$”;</span>
<span style=”font-weight: 400;”> display: inline-block;</span>
<span style=”font-weight: 400;”> font-size: 35px;</span>
<span style=”font-weight: 400;”> vertical-align: middle;</span>
<span style=”font-weight: 400;”>}</span>
<span style=”font-weight: 400;”>#counter-9da4e0e625060959e670601059498a36 .sh-counter-number:after {</span>
<span style=”font-weight: 400;”> display: none;</span>
<span style=”font-weight: 400;”>}</span>
But this will add the “$” to all counters. We would like it only on the bottom right counter. See picture. How do we modify this code to use the symbol on the bottom right counter only.
Hi @DJB76,
I hope you are well today and thank you for your question.
Could you please share the page URL from your site where it is displaying so that I can help you to achieve it?
Best regards,
Shufflehound teamInformation on page URL sent privately.
Solution for this topic
To achieve this, please change your shared CSS code as following.
#counter-e231ac28f693015fff213b94bb1a1ae2 .sh-counter-number:before { content: "$"; display: inline-block; font-size: 35px; vertical-align: middle; }Thank you for the assistance. It worked out perfectly.
You are most welcome here 🙂
