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

I guess you can use JavaScript to change h1 site title to another tag, then use CSS to set h1 style.

You need to use Business Plan. Can you share link to your site?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

@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>
</div>

"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>
</div>

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

Edited by JOHNMD

mcgouran.john@gmail.com

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.