Jump to content

Put blog titles in H2 on the blog welcome page

Go to solution Solved by melody495,

Recommended Posts

Hi,

 

Does anyone know how to put blog titles on the blog page (not on each blog article) as H2 rather than H1 ?

 

I tried to put this code but it seems not to work?

"

<script>
  //This code runs when the DOM is ready.
  $(document).ready(function(){

    //This code adds an aria-level value to the h1 blog title.
    //The aria-level tells screen readers to treat this element like an h2.
    $(".blog-basic-grid h1.blog-title").attr("aria-level", "2");

  });
</script>"

 

Thanks in advance

Link to comment
  • Replies 5
  • Views 307
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi @Manu67 you shouldn't need code for this.

Go to Site Styles (the paint brush icon) -> Fonts -> Assign Styles -> find BLOG: BASIC GRID -> Title

Here you can change the font style and size.

Let me know how it goes.

 

image.thumb.png.ac1bf2532a1ed9d5f9ee576b770015f9.png

 

image.png.b2e79853fa2b19542b0cee24b39bdd98.png

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

Link to comment
  • Solution
47 minutes ago, Manu67 said:

Hi Melody 

Thanks for your answer.

Seems that everything is in H3 here; that's probably what I see on my screen when going on https://digitalsace.fr/blog, BUT the title stil have H1 balise in the code
 

I see why it could be misleading! If you look at the <a> tag, which is where your text is, that text is using H3. (see the red circle in the screen shot on the far right).

You can test this by changing the font style in Site Styles between H1 or miscellaneous and H3 to see the changes being applied.

image.thumb.png.890c1aa286608636a3b27d7783cd17e8.png

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

Link to comment

You're very welcome!

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

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.