Site title - two colours and bold

Hi Pete,

Unfortunately the Customizer won't let you do specific changes to words like that, but we can do it in GP hooks.

1. First, hide the site title and tagline in the "Header Content" section of the Customizer.

2. Now go to "Appearance > GP Hooks" and open the "Before Header Content" hook.

3. Now add this HTML into the hook:

<div class="site-branding">
      <p itemprop="headline" class="main-title"><a rel="home" title="Cycle Tour Store" href="Your homepage URL"><strong>Cycle</strong> <span style="color:#YOUR_COLOR_HEX;">Tour</span> Store</a></p>
      <p class="site-description">Your tagline if needed</p>
</div>

Not codeless - but simple enough and gives you full control over each letter and word.

Hi,
Thanks Tom, that's great! Looks just as intended. Only slight problem is that it now no longer works as a link back to the home pg. Is there away to reinstate it?
Thanks again,
Pete

Hi Pete,

Look for this part of the code: href="Your homepage URL"

You want to add your URL in there.

Of course! Thanks Tom. Great help.

You're welcome :)

Works really great.
Any chance to put the navbar next to it on the right?
Similar to navbar float right in GP premium?

Try this: https://generatepress.com/forums/topic/menu-next-to-logo/#post-241435

Wow Leo, fast reply.
It doesn't work for me.
Here is a link to my site. I want to put the menu next to "DEMO".

You need to set the navigation location to float right first.

It is. I've put the "site-branding" in the hook wp_head cause i want a two color Site Title.

Try the before header content hook as Tom suggested instead.

Ooooh, I know.
It works. Thanks a lot :-)

No problem :)

Hello, I congratulate you for this wonderful theme.

It is possible to apply this same effect in the sticky bar (where the logo is located), I am trying it with a hook in that position, but I do not see any.

Thanks in advance.