Jump to content

Change header text on group of pages

Recommended Posts

Site URL: https://www.convenientwoodworking.com/home_hh

I am sure this is super simple, but I can't for the life of me figure it out. 

I'd like to change the Site Header text on specific pages. That's it! I don't need to modify styles or colors, etc. Just change the text (and maybe where the link directs to as well, but not required). I don't mind to do this manually on each page, but if there is a group method, I'd like to learn that as well. 

 

I've tried something like this and it isn't doing anything that I can tell. 

<style>
  <a id="site-title" href="/" data-animation-role="header-element">Heartwood and Hazel</a>
<style>

EDIT:

Just tried a variation and it actually shows the text I want for a split second during page loading and then goes back to what it was. 

<div class="header-title-text">
	<a id="site-title" href="/" data-animation-role="header-element">Heartwood and Hazel</a>
</div>

 

Edited by ConvenientWoodworking
Link to comment
On 8/9/2021 at 9:06 AM, ConvenientWoodworking said:

Site URL: https://www.convenientwoodworking.com/home_hh

I am sure this is super simple, but I can't for the life of me figure it out. 

I'd like to change the Site Header text on specific pages. That's it! I don't need to modify styles or colors, etc. Just change the text (and maybe where the link directs to as well, but not required). I don't mind to do this manually on each page, but if there is a group method, I'd like to learn that as well. 

 

I've tried something like this and it isn't doing anything that I can tell. 

<style>
  <a id="site-title" href="/" data-animation-role="header-element">Heartwood and Hazel</a>
<style>

EDIT:

Just tried a variation and it actually shows the text I want for a split second during page loading and then goes back to what it was. 

<div class="header-title-text">
	<a id="site-title" href="/" data-animation-role="header-element">Heartwood and Hazel</a>
</div>

 

Hi, Add to Page Header (Hover page name on Pages > Main Navigation or Not Linked > Click Gear icon > Advanced)

<style>
  a#site-title {
    font-size: 0;
}
  a#site-title:before {
    content: "store title"; /* enter new text here */
    font-size: calc(2 * 1rem);
}
</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 8/12/2021 at 9:56 PM, ConvenientWoodworking said:

That worked wonderfully! Is there a way to do this with specific text in the footer as well?

I appreciate your help!

Hi. You mean this text?

Convenient Woodworking

 

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

Contact Customer Care - Learn CSS - Buy me a 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.