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

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