Here’s a refined and blog-ready version of your guide titled:
🆕 How to Add a Blinking “New” Label Above Any Text Line in WordPress (Without Plugins)
Do you want to grab attention to new updates or features on your WordPress site? A blinking “New” label is a quick and stylish way to do it. In this guide, we’ll show you how to add a blinking “New” tag above any line of text using just HTML and CSS—no plugins required!
✅ Step 1: Insert the HTML in Your Post or Page
- Go to the WordPress block editor.
- Add a Custom HTML block or switch to Code Editor mode.
- Insert the following code wherever you’d like the blinking “New” tag to appear:
<span class="blink-new">New</span> Your line of text goes here.
Replace Your line of text goes here.
with your actual content.
🎨 Step 2: Add the Blinking CSS Style
- From your WordPress Dashboard, go to
Appearance > Customize > Additional CSS. - Paste this CSS code:
.blink-new {
animation: blink 1s infinite;
color: red; /* You can customize the color */
font-weight: bold;
font-size: smaller; /* Adjust font size if needed */
vertical-align: super; /* Positions the "New" label above the line */
}
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
- Click Publish to apply the style.
👁️ Preview the Result
Visit the page or post where you added the HTML code. You should see a small, red, blinking “New” label positioned above your chosen text.