As you can see, at the bottom of each post is section with the date, categories, and tags. I’m trying to change the style of the words “Categories” and “Tags” from what it is now to bolded. I do not want anything else in that section to change (that is, I only want those two words and the colon after them to be bolded).
Also, while we’re at it, if there were a way to have the categories and tags indent when they drop to a second line, (like when you do bullets in Word), that would be nice as well.
Thanks again.
]]>.entry-content .entry-meta .cat-links,
.entry-content .entry-meta .tags-links {
font-weight: 600;
}
.entry-content .entry-meta .cat-links a,
.entry-content .entry-meta .tags-links a {
font-weight: 400;
}
Now your link separators will also be bold, this can be addressed by removing it from the WordPress function, and doing it in CSS:
.entry-content .entry-meta .cat-links a+a::before,
.entry-content .entry-meta .tags-links a+a::before {
content: "|";
font-weight: 400;
}
The “a+a::before” markup targets links which are preceded by a link, so the first one is skipped.
Now for your supplementary question, something like “::first-line” or “:first-child” should let you do something like this, BUT it is not working for me.
.entry-content .entry-meta .cat-links::first-line,
.entry-content .entry-meta .tags-links::first-line
{
position: relative;
left: -20px;
}
]]>
Thanks so much for this.
Unfortunately, when I removed the code in the function.php for the | Separater and put your suggested css code in, I got something like “category1, |category2”.
Honestly, I like the | being bold as well, so I just left the code in the function.php.
The indent didn’t work for me either.
Thanks again for all your help.
]]>