Jump to content

Help with italicizing words in a page title.

Recommended Posts

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. 

Capture.PNG

Link to comment

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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. 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.