One word in italics in blog post title

Does anyone know if it's possible to have one word or a few words in a blog post title be in italics? I'm putting together a demo for a client site and would love to be able to add italics for visual contrast in some of the titles

URL: https://the-zhuzh.squarespace.com/
pass: DEMO

The demo is on 7.1 

Hi,

This is possible with some custom code, but you need a Business Plan or higher.

Can you share link to a blog post? We can test & give code easier

Yes absolutely!  Here's a link: https://the-zhuzh.squarespace.com/journal/cocktail-recipes

The site is on a trial right now, but will be business plan - thank you!

@tuanphan - that worked, you're a genius! thank you!

Hey @tuanphan! 

One question about this, it looks like when I use this to create italics, it disables the links to the blog posts in summary blocks - is there a way to prevent that? 

Thank you so much for your help! 

On 4/3/2023 at 10:26 PM, kellyetz said:

Hey @tuanphan! 

One question about this, it looks like when I use this to create italics, it disables the links to the blog posts in summary blocks - is there a way to prevent that? 

 

Thank you so much for your help! 

Can you share link to page where you use summary?

Hey @tuanphan - yes! It's linked: 

https://carolyn-celia.squarespace.com/
password: demo 

7 hours ago, kellyetz said:

Hey @tuanphan - yes! It's linked: 

https://carolyn-celia.squarespace.com/
password: demo 

Which summary are you referring to? Homepage looks fine

@tuanphan 

- ah yes, sorry about that! I realized the Lazy Summaries plugin I use allows the summary block to be wrapped in a link, so that fixed the problem there, but it does remove the link from the blog post title in the main grid (see link below): 

https://carolyn-celia.squarespace.com/blog
password: demo 

On 4/19/2023 at 7:49 AM, kellyetz said:

@tuanphan 

- ah yes, sorry about that! I realized the Lazy Summaries plugin I use allows the summary block to be wrapped in a link, so that fixed the problem there, but it does remove the link from the blog post title in the main grid (see link below): 

https://carolyn-celia.squarespace.com/blog
password: demo 

Try this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".blog-item-wrapper .blog-item-title h1.entry-title a").each(function(){
    $(this).html($(this).text());
  });
});
</script>

@tuanphan - that worked! You're a genius, thank you!