CSS Snippets

Below you’ll find CSS snippets to achieve small tasks that might not be included in Theme Settings. These snippets can be added to AppearanceCustom CSS if using SiteOrigin CSS, CustomizeAdditional CSS or your child theme style.css file.

Adjust the Site Title and Tagline Colors

#logo h1 {
	color: #555;
}

#logo h3 {
	color: #666;
}

Adjust the Post Meta Font Colors

.post .post-info {
	color: #A6A6A6;
}

.post .post-info a {
	color: #808080;
}

Adjust the Content Font Color

.post .content {
	color: #606060;
}

Adjust Mobile Site Title and Tagline

@media (max-width: 780px) {
	#logo h1 {
		font-size: 52px;
	}
	#logo h3 {
		font-size: 13px;
	}
}