Bold Links In Content Area of Single Posts – Beginners CSS

Simply add this CSS to the end of your child themes style.css file to bold all links within the content area of single posts only.

Simply add a new value for the font-weight property in your style sheet.

.single	.entry-content a {
	font-weight: bold;
}

Here’s the result which shows other links on the post outside the content area are unaffected.

Bold Links

You may need to clear browser/plugin and/or server side caching to see the changes.

You can also use a value for the font-weight like this:

.single	.entry-content a {
	font-weight: 700;
}

You can use any value between 100 – 900.

If for some reason your links aren’t bolder after using this CSS, you can try using the !important after the value for the font-weight property like this:

.single	.entry-content a {
	font-weight: bolder!important;
}

Or this:

.single	.entry-content a {
	font-weight: 900!important;
}

The new CSS should go near the end of your child themes style.css file before the start of your Media Queries.

You can also use a:link rather than a to achieve the same result like this:

.single	.entry-content a:link {
	font-weight: 900;
}

Explanation of CSS properties:

.single only applies to single posts
.entry-content only applies to the content between your entry header and entry footer
a applies to links and can also be written like this: a:link

Related Tutorials

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.