Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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!

Share this post

Link to post

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?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post

Link to post
Posted (edited)

@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

Edited by JOHNMD


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...