Change Single Post Metadata Font, Size and Color
This is a Developer Level doc.
If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.
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 font-size and color values 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 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 before the metadata.
Adjust the color value 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.