How to remove word from li using CSS?

Question

I want to replace Event Date: word using CSS and without the help of jQuery.

<ul class="event-custom-price">
  <li>Event Date:
    <p>Tue, 25 Jun 2019 02:14 AM - Tue, 25 Jun 2019 03:14 AM</p>
  </li>
  <li>Event Location:</li>
  <li>Teal Moonlight x 1: <span class="woocommerce-Price-amount amount"> <span class="woocommerce-Price-currencySymbol">$</span>3</span>
  </li>
</ul>

Hello this is my code, I want to replace Event Date word from li tag only using css not Jquery please help me — aniruddha Mahamulkar, Jun 21 '19 at 11:47
first duplicate: how to hide content. Second duplicate: how to add new content — Temani Afif, Jun 21 '19 at 11:54

Khalid Khan · Answer 1 · 2019-06-21T12:02:46.113

0

set Tagname for that "event date" tag and apply below css

.Tagname:before {
  content: "New Word";
}

edited Jun 21 '19 at 12:02

answered Jun 21 '19 at 11:51

Khalid Khan

3,017
1
11
27

This is wordpress plugin I cant hack – aniruddha Mahamulkar Jun 21 '19 at 12:01
Okay.Then use tagname. – Khalid Khan Jun 21 '19 at 12:03
Can you share code – aniruddha Mahamulkar Jun 21 '19 at 12:56
like this, if you want to change
tag then use like this p:before { content:"new text"}
– Khalid Khan Jun 22 '19 at 10:56

How to remove word from li using CSS?

1 Answers1