Hide certain content from a parent element but show child in CSS

I have the following code on a WordPress Woocommerce website which outputs “From £189.00”

I am trying to remove the word “From”. I’m sure there must be a simple way using something like .price:pre {display:none;}.

<p class="price">From: <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&pound;</span>189.00</span></p>

How can I hide the word “From” from this code, ideally using CSS? I am open to javascript in the functions.php as an alternative.

P.S please feel fee to edit my title for this question as you see fit – Wasn’t sure what to label it!

Read more here: Hide certain content from a parent element but show child in CSS

Leave a Reply

Your email address will not be published. Required fields are marked *