Image Header with URL Custom CSS for Single Website Page

Site URL: https://grape-semicircle-m6yz.squarespace.com/config/pages

Image Header Adding in Hyperlink with Unique Design to this page

I'd like for my headers on this page to keep the color and design they currently have, but I would like to add hyperlinks to them. The design format for the rest of the website turns them black and adds an underline. For this page only i'd like for them to remain the same color (#d65124) and have no underline. 

Version 7.0, Brine Family, Custom Template. 

I have tried a bunch of custom CSS that other videos have recommended and have not been able to figure this one out with my limited website knowledge - please haaalp! 

On 8/7/2022 at 11:48 PM, KellyLHF said:

Site URL: https://grape-semicircle-m6yz.squarespace.com/config/pages

 

Image Header Adding in Hyperlink with Unique Design to this page

I'd like for my headers on this page to keep the color and design they currently have, but I would like to add hyperlinks to them. The design format for the rest of the website turns them black and adds an underline. For this page only i'd like for them to remain the same color (#d65124) and have no underline. 

Version 7.0, Brine Family, Custom Template. 

 

I have tried a bunch of custom CSS that other videos have recommended and have not been able to figure this one out with my limited website knowledge - please haaalp! 

 

Do you mean this text? 

Can you explain this point?

"The design format for the rest of the website turns them black and adds an underline" When do you want this page turn color?

Thank you for writing back!! I was referring to our media page: https://www.longhearingfarm.org/lhfmedia

See the article headings circled below. 

So typically when I add a URL to text it will change that text to a black colored font with an underline. How can I have these headings have a URL to the articles they are about while keeping the text the current color? 

On 8/10/2022 at 3:53 AM, KellyLHF said:

So typically when I add a URL to text it will change that text to a black colored font with an underline. How can I have these headings have a URL to the articles they are about while keeping the text the current color? 

Make title have link same as image or different?

The same! 

On 8/12/2022 at 12:19 PM, KellyLHF said:

The same! 

Try adding to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $("div#block-1d0bc7aa693a84188e94+.row .image-block").click(function() {
  window.location = $(this).find("a").attr("href"); 
  return false;
});
</script>
<style>
  div#block-1d0bc7aa693a84188e94+.row .image-block {
  	cursor: pointer;
  }
</style>

I tried as you said and when I added in the link to the first image block on that page it did the same thing I was trying to avoid - see here. How can I add in the link so that the title stays the orange color and not black with the underline? 

On 8/15/2022 at 1:26 AM, KellyLHF said:

I tried as you said and when I added in the link to the first image block on that page it did the same thing I was trying to avoid - see here. How can I add in the link so that the title stays the orange color and not black with the underline? 

I see you solved? It looks orange here

it is orange, but because I don't have it linked. 😞 

On 8/29/2022 at 10:08 PM, KellyLHF said:

it is orange, but because I don't have it linked. 😞 

You can make it linked, then we can check problem easier

They are linked now! 

On 9/7/2022 at 7:19 AM, KellyLHF said:

They are linked now! 

Add to Design > Custom CSS

.image-card .image-title a {
    color: #d65124 !important;
    border: none;
}

you did it!!!!!!! THANK YOU SO MUCH!! Also sorry that took forever with all of my slow responses. I really appreciate you.