[Resolved] Split site template with Site title – two colours and bold

[scott doel]

Hi I have installed locally the Split site template, and followed the tutorial to https://generatepress.com/forums/topic/site-title-two-colours-and-bold/

I have modified the code to

<div class="site-branding">
<h1 itemprop="headline" class="main-title"><a rel="home" title="SCOTT DOEL" href="Your homepage URL"><span style= font-family:verdana"><strong>SCOTT</strong></span> <span style="color:#FABF19;">DOEL</span></h1>
	<p class="site-description">Your tagline if needed</p>
</div>

But both words are bold, I just want the first word the second in colour but not bold

[Leo]

Hi there,

The post you linked cannot be found so I’m not sure what you followed.

What if you do something like this?

<div class="site-branding">
<h1 itemprop="headline" class="main-title"><a rel="home" title="SCOTT DOEL" href="Your homepage URL"><span style="font-family:verdana; font-weight:700;">SCOTT</span> <span style="color:#FABF19; font-weight: 300;">DOEL</span></h1>
	<p class="site-description">Your tagline if needed</p>
</div>

[scott doel]

Thanks Leo didnt try that, but I added a 400 font weight to the second element and that worked a treat

[Leo]

No problem 🙂

[scott doel]

Sorry to add to this post, but I need a slight change

The above works perfectly but if I select the sticky menu option, the menu stays but the logo is no longer there

[Leo]

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[scott doel]

The site is on a staging here

[Leo]

Can you take a look at this post and see if it helps?
https://generatepress.com/forums/topic/sticky-menu-split-navigation-not-using-a-logo-site-title-disappears-on-scroll/

[scott doel]

That post with the CSS works and shows the site title.

If I upload a logo, the only way to get it to show is to show the site title (I’ve left that option on) so you can see it. The image is also ‘squashed’ over the site title

Is there any way I can use the same text-based Logo? I’ve looked for a hook in elements and in the online document and nothing there I can find that is suitable

[Tom]

What if you:

1. Disable your site title.
2. Go into Customize > Additional CSS and remove this CSS:

.site-branding, .site-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 200;
}

[scott doel]

Perfect Tom, thank you

[Tom]

You’re welcome 🙂

[Author]

Posts