Use CSS to make a word on the entire site bold. Or just a word in title (but not the entire title).

Site URL: http://www.rituelstudio.co

I want to add a word to my title, but need to follow trademark rules for the service provided. Can I use code to either make one word of the site title bold? Or can I use code to make the word or words bold throughout the entire site including in the site title? Thank you.

Add to Design > Custom CSS

.header-title-logo a:after {
    content: "R";
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: -30px;
    color: green;
    font-weight: bold;
}

I'm trying to do something similar here. I'd like my site title to be "Spark Structures". So first word is normal, second word is bold. Any help would be much appreciated.

Site URL: bamboo-lizard-w5nd.squarespace.com
Password: spark

Thanks.

12 hours ago, lloyd_spark said:

I'm trying to do something similar here. I'd like my site title to be "Spark Structures". So first word is normal, second word is bold. Any help would be much appreciated.

Site URL: bamboo-lizard-w5nd.squarespace.com
Password: spark

Thanks.

Add to Design > Custom CSS

a#site-title:before {
    content: "Spark";
    font-size: calc(~"(2.2 - 1) * 1.2vw + 1rem");
}
a#site-title {
    font-size: 0;
    font-weight: normal;
}
a#site-title:after {
    content: " structures";
    font-size: calc(~"(2.2 - 1) * 1.2vw + 1rem");
    font-weight: bold;
}

23 hours ago, lloyd_spark said:

I'd like my site title to be "Spark Structures". So first word is normal, second word is bold.

I started work on a JavaScript way to do what you want late last night ( 😴 ) but didn't finish until this morning. 

@tuanphan's method is a crafty use of CSS to get the job done! 👍

My alternate method attempts to address the fundamental issue with the site title, in that you can't address the individual words of the title with CSS.

Please see Site Title Each Word Span Tag Add.

The code is a base effect so you have to add CSS to achieve the final effect.

For your issue it would be something like the following.

#site-title span:nth-child( 2 ) {

  font-weight : bold;
  
  }