Headlines not clickable in pen news theme
A common issue!
In the Pen News theme, the headlines are not clickable by default. This is because the theme uses a custom implementation of the headline structure, which doesn't include a link wrapper around the headline text.
To make the headlines clickable, you can add a simple CSS snippet to your theme's stylesheet. Here's an example:
.pen-news.entry-title a {
text-decoration: none;
color: #337ab7; /* adjust the color to your liking */
}
.pen-news.entry-title a:hover {
color: #23527c; /* adjust the color to your liking */
}
This code targets the .entry-title
element (which contains the headline text) and wraps it with an <a>
tag. The text-decoration: none
property removes the underline from the link, and you can adjust the colors to match your theme's style.
Add this code to your theme's stylesheet (usually style.css
or custom.css
) and refresh your site. The headlines should now be clickable.
If you're using a child theme, you can add this code to the functions.php
file instead.
Let me know if this helps!