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! 

I tried your solution with the code injection in the footer, but the code still appears in the title (I removed it for now). Here is the post:

https://www.reichmanjorgensen.com/news-events/estremera-lawdragon500-2023

On 7/19/2023 at 1:31 AM, springerdesign said:

I tried your solution with the code injection in the footer, but the code still appears in the title (I removed it for now). Here is the post:

https://www.reichmanjorgensen.com/news-events/estremera-lawdragon500-2023

That code for SS 7.1, your site is 7.0. Use this new code

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

Hello. I have tried this too and it works on the individual blog post but not on the blog grid overview?

On 10/11/2023 at 10:19 PM, Sophie_T said:

Hello. I have tried this too and it works on the individual blog post but not on the blog grid overview?

Yes. Blog grid has a different id, can you share link to blog grid? We can check and adjust code easier

Yes great, thank you.

https://ladybug-saffron-wwkp.squarespace.com/potted-thoughts

pw: paul

On 10/13/2023 at 2:48 PM, Sophie_T said:

Yes great, thank you.

https://ladybug-saffron-wwkp.squarespace.com/potted-thoughts

pw: paul

Use this new code

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

Note: your <em> tag may appear on Google Search Results

Amazing! Thank you so much!