Change Single Post Metadata Font, Size and Color

If you wish to change your single blog post metadata font, font size and color, see the following CSS snippets:

1. Single Blog Post Metadata Font Size and Color

/* Single Blog Post Metadata Font Size and Color */
.single-post ul.meta {
font-size: 16px;
color: #000;
}

This snippet will change the metadata font size and color of metadata textual parts. For instance, date color.

Adjust the font size value (16px) and color (#000) per your need.

2. Single Blog Post Metadata Link Color

/* Single Blog Post Metadata Link Color */
.single-post ul.meta li a {
color: #000;
}

This CSS snippet will change the metadata link color. For instance, category links.

Adjust the color value (#000) per your need.

3. Single Blog Post Metadata Icon Color

/* Single Blog Post Metadata Icon Color */
.single-post ul.meta li i {
color: #000;
}

This CSS snippet will change the icon color in front of the metadata.

Adjust the color value (#000) per your need.

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.