Adds a span tag to each word in the site title for separate styling with css using the nth-child() selector.
| Author: | Jackie D'Elia and Ginger Coolidge (profile at wordpress.org) |
| WordPress version required: | 3.8.0 |
| WordPress version tested: | 5.8.0 |
| Plugin version: | 1.10 |
| Added to WordPress repository: | 21-04-2015 |
| Last updated: | 03-08-2021
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 100 |
| Rated by: | 2 |
| Plugin URI: | https://github.com/jdelia/genesis-site-title-... |
| Total downloads: | 4 655 |
| Active installs: | 300+ |
 Click to start download |
|
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.