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.
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
Leave a Reply