Jump to content

h1 problems

Recommended Posts

Hi guys,

Is it possible to have only ONE and DIFFERENT one h1 title on every landing page?
Now, on my website  h1 title = site title. Is there any chance to change it?

Thank you in advance!

Link to comment
  • Replies 2
  • Views 548
  • Created
  • Last Reply

@tamzyYes, you can use html/css (version 7.1 example):

On each page replace your H1 Block with a Code Block. Insert the following code:

<div class="font">
 <h1>Hello, You! </h1>

"Hello You!" should appear on scree (still with the original site settings for now). Save. Then target the div with the Custom CSS editor in your Design section, example: 

.font > h1 { font-family: "Times New Roman", Times, serif!important;
  font-weight: 700!important;
  color: lightgrey!important;
  font-size: 100px!important;}

For each page H1,  change the div name from "font" in the above example to your name of choice, best to keep it short. So, a new code block on each page with a unique div name. You insert your wording between the two <h1> blocks brackets on each page. and then for each unique div name e.g. "font" you inset the second code in you css editor with changes, example:

On a second page Code Block:

<div class="monty">
 <h1>Very Good </h1>

Design> CSS Code:

.monty > h1 { Arial, Helvetica, sans-serif!important;
  font-weight: 700!important;
  color: orange!important;
  font-size: 20px!important;}

So match the page code blocks with corresponding codes in CSS. You can vary the colors and font sizes in the above code. These H1s willnow differ from your system settings. You may have to be on the Business version of SPS to enable code blocks. 

- John


Link to comment


This topic is now archived and is closed to further replies.

  • 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.