Help with italicizing words in a page title.

Site URL: https://www.connerjonesproduction.com/design

Under pages I made a default portfolio page. In that page I have created three "projects" as square space calls them. Each has a title and links to another page specifically about that project.

On the page I linked in the URL, I would like to italicize the first two words of each project title. These are theatrical works, so the proper way to represent the titles of the plays, musicals, or dances is in italics.

For example: my page titled "Spring Awakening, Nominated for an Arts for Life award" 

Should read: "Spring Awakening, Nominated for an Arts for Life award"

I cannot find any way to do this with the normal square space tools. If anyone can show me how to do this in code, I would appreciate it. I have a little java experience and used to take C classes, but it has been many many years. 

I attached a photo of the screen I am looking at so you know where I am. I just do not see any way to italicize individual words.

Thanks all for any help. 

For example first project, edit title to this

<em>Spring Awakening</em>, Nominated Arts for Life award

Next, add this to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("h3.portfolio-title, h2.item-pagination-title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

Next, with this way, when you are in individual page, the browser tab title will show <em> tag. You need to edit its SEO Title

21 hours ago, tuanphan said:

For example first project, edit title to this

<em>Spring Awakening</em>, Nominated Arts for Life award

Next, add this to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("h3.portfolio-title, h2.item-pagination-title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

Next, with this way, when you are in individual page, the browser tab title will show <em> tag. You need to edit its SEO Title

 

You did it. Thank you. Worked on my first try.