Change header text on group of pages

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>

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>

On 8/11/2021 at 2:05 AM, tuanphan said:

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

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

I appreciate your help!

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