Change Site Title Color

[vamhh]

Hi everyone,

I'm using the News Pro theme and I want to change the color of last three letters (in this case they are: PRO) of the title. I know I can use a logo but I just don't want to use an image.

To change the color is there any way we can use PHP to modify the default code and add span tags around the last three letters? After adding the span tags, the code would look something like this.

<div class="title-area">
    <p class="site-title" itemprop="headline"><a href="https://demo.studiopress.com/news/">News <span class="my-style">Pro</span></a></p>
    <p class="site-description" itemprop="description">HTML5 Genesis Theme</p>
</div>

I actually found another way to do it by changing the actual site title to "News" and then using CSS after to add "Pro". But I don't know if it is the proper method or not.

https://demo.studiopress.com/news/

[Victor Font]

This filter will give you what you want:

add_filter( 'genesis_seo_title', 'my_custom_title' );
function my_custom_title( $title ) {
    return '<p class="site-title" itemprop="headline"><a href="https://demo.studiopress.com/news/">News <span class="my-style">Pro</span></a></p>';
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[vamhh]

Thanks for your help Victor, that worked.

[Author]

Posts