Genesis Site Title Styles
This plugin adds a span tag around each word in the Genesis site title for separate styling with css. Styling is done with the nth-child() selector.
Plugin info
Maintenance & Compatibility
Maintenance score
Possibly abandoned • Last updated 1611 days ago • Support resolved 0% • 2 reviews
Is Genesis Site Title Styles abandoned?
Possibly abandoned (last update 1611 days ago).
Compatibility
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
Description
This plugin adds a span tag around each word in the Genesis site title for separate styling with css. Styling is done with the nth-child() selector.
Style each word separately:
Style the first word:
.site-title span:nth-child(1) {
add your styles here
}
Style the second word:
.site-title span:nth-child(2) {
add your styles here
}
Style the third word:
.site-title span:nth-child(3) {
add your styles here
}
Read more about why we created the plugin here along with examples of how to style them.
Installation
This section describes how to install the plugin and get it working.
- Upload the entire
genesis-site-title-stylesfolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- That’s it! There is no settings panel for this plugin.
Frequently Asked Questions
This plugin is designed for sites running on the Genesis Framework. While you could successfully activate the plugin on a non-Genesis site, it is useless as the code relies on Genesis-specific actions.
After activating the plugin, each word in your site title should be wrapped in a span tag.
Add this your style.css in the section for your site title. Your class name may be different than .site-title so substitute as needed.
.site-title span:nth-child(1) {
add your styles here
}
Above example would target the first word in the site title. Change the number in parenthesis to target another word, span:nth-child(2) would target the second word, and so on.
.site-title span:nth-child(2) {
color: #99d7da;
font-weight: 600;
}
Above example would change the color and font weight of the second word.
Review feed
Screenshots
Changelog
1.10
Replaced logic to recognize words that contain special characters, diacritical marks and symbols. The plugin now will wrap a span tag around everything separated by a space. Any extra spaces are removed.
For example: “BLANCO PRÍBAR® INC.”
will become “BLANCO PRÍBAR® INC.” and then each word is wrapped in a span tag.
1.01
Edited instructions.
1.0
Released.
0.4
Added lower priority to filter to be sure it loads last.
0.3
Updated code to correct for h1/p tags. See Github
0.2
Changed description. Removed Genesis activation requirement.
0.1
- Initial release.