Jump to content

Change colour of headline as a hyperlink

Recommended Posts

Site URL: https://orange-beagle-9jfc.squarespace.com/

Hi there,

I have a page with various text blocks, each of which has a headline (H4). The headlines are hyperlinks to pages on my site, which were formatted with the 7.1 default of underlining. I got rid of the underlining but I can't figure out how to change the colour of the font to red when hovering over the link/headline. Anybody have any suggestion?

Link to comment
  • Replies 7
  • Views 688
  • Created
  • Last Reply

Hi tuanphan,

I was hoping to get a reply from you as I've seen that you helped a lot of people already. This is great spirit! Thanks for this.

My site is: https://orange-beagle-9jfc.squarespace.com/

It's on the Service page in the second block. The first block also has an issue with the two buttons not aligned. The second block is where the headlines (leadership, change & transformation, etc.) should appear in red as links. Does this make sense?

Thanks in advance!

Link to comment
On 1/21/2021 at 12:42 AM, Matt_Steinke said:

Hi tuanphan,

I was hoping to get a reply from you as I've seen that you helped a lot of people already. This is great spirit! Thanks for this.

My site is: https://orange-beagle-9jfc.squarespace.com/

It's on the Service page in the second block. The first block also has an issue with the two buttons not aligned. The second block is where the headlines (leadership, change & transformation, etc.) should appear in red as links. Does this make sense?

Thanks in advance!

Hi. What is password?

image.thumb.png.e747e7d34235648d83c3a722cb29a403.png

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

@Matt_Steinke did you figure this out? I can't tell exactly which text you're trying to adjust. But I think you can do this without code. When in edit mode on the block you're trying to edit, then simply click colors on the editing window dropdown, and click edit next to your selected palette. Detailed preferences for your color palette should appear on the right. Click on the hyperlink text to auto-locate the color preferences for hyperlinked text. You should be able to adjust it in that detailed color palette dropdown -- but note this will be for all pages with that palette. If you're looking to do this with just the unique block of text, you'll need it's unique ID. Can you share a screen grab of which text you're trying to adjust? 

Link to comment
12 hours ago, Alexg77 said:

@Matt_Steinke did you figure this out? I can't tell exactly which text you're trying to adjust. But I think you can do this without code. When in edit mode on the block you're trying to edit, then simply click colors on the editing window dropdown, and click edit next to your selected palette. Detailed preferences for your color palette should appear on the right. Click on the hyperlink text to auto-locate the color preferences for hyperlinked text. You should be able to adjust it in that detailed color palette dropdown -- but note this will be for all pages with that palette. If you're looking to do this with just the unique block of text, you'll need it's unique ID. Can you share a screen grab of which text you're trying to adjust? 

Hi Alex, thanks for your reply. In 7.1 I believe I can't change the hover colour which is what I want to do. In the screenshot below you can see the error message. The block in Dark Minimal is where I have the headlines which should turn red when hovering over them. Does this make sense?

grafik.thumb.png.d9d709e18c28813b93f3791efd573761.png

Link to comment

Archived

This topic is now archived and is closed to further replies.

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