Trying to add hyperlink to text in a code block!

Site URL: https://graysonshakespeareinthepark.squarespace.com/

Hi friends! 

I've created a code block on my homepage and added in text. I highlighted the words, then adjusted the highlight to look like an underline instead.

I'd like to now hyperlink the words to their respective pages on the site, but I can't find any CSS that works!!! I'd appreciate any help that anyone is willing to give, as I'm a noob when it comes to custom CSS <3

My website can be seen here, and I'm using the Pacific template. The password is "verona".

Thanks!

On 12/14/2020 at 6:25 AM, introverb said:

Site URL: https://graysonshakespeareinthepark.squarespace.com/

Hi friends! 

I've created a code block on my homepage and added in text. I highlighted the words, then adjusted the highlight to look like an underline instead.

I'd like to now hyperlink the words to their respective pages on the site, but I can't find any CSS that works!!! I'd appreciate any help that anyone is willing to give, as I'm a noob when it comes to custom CSS ❤️

My website can be seen here, and I'm using the Pacific template. The password is "verona".

Thanks!

You should place the link tag outside the span

<a target="Donate" href="#support-us"> 
  <span class="highlight"> Donate
  </span>
</a>

I see you added a tag for Donate Link.

Repeat this for Audition, See our next show

Then add this code to Home > Design > Custom CSS to make a link work

/* Code Block link */
.code-block h1 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.code-block h1 {
    position: relative;
}

16 hours ago, bangank36 said:

You should place the link tag outside the span

<a target="Donate" href="#support-us"> 
  <span class="highlight"> Donate
  </span>
</a>

 

ahh, thank you so much!

16 hours ago, tuanphan said:

I see you added a tag for Donate Link.

Repeat this for Audition, See our next show

Then add this code to Home > Design > Custom CSS to make a link work

/* Code Block link */
.code-block h1 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.code-block h1 {
    position: relative;
}

 

many thanks!!!