Site Title Font Customization

I want to stylize my site title to have one portion of the text bold and the other portion unbold. The site title is 'newthing'; this is an example of the look I am attempting to achieve. 

Hi,

If you share site url, we can help easier.

We can use some CSS code or script code to do this

yeah its here: https://www.newthingkc.org/home

The current solution is just a .png, I would like something that changes with the color scheme

On 3/27/2024 at 1:37 AM, alexferren said:

yeah its here: https://www.newthingkc.org/home

The current solution is just a .png, I would like something that changes with the color scheme

 

So you want

newthing is bold

kansas city is normal

?

Sorta, I would like it to look like this: newthing kansas city. 

The "new" part of newthing would be bold.

That did the trick! Thank you

@tuanphan, any suggetions on making this solution work on mobile as well?

On 4/22/2024 at 11:18 PM, alexferren said:

@tuanphan, any suggetions on making this solution work on mobile as well?

 

Can you remove this  code only? I will test it again

<script>
  $(document).ready(function() { 
		$('a#site-title:contains("new")').text('<span class="new">new</span><span>thing.</span>');
    $("a#site-title").each(function(){
    $(this).html($(this).text());
  });
	});
</script>

@tuanphan, removing this didn't change the mobile header.

I Meant you can remove it, then I can check problem easier