Hyperlink Color Change

Hello there,

Happy to help you with this.

You would need CSS to make that change – do you know the colour you would like to use?

Many thanks in advance.

I’m sorry, I don’t know exactly what you mean by CSS. I’m assuming that’s something with the website settings. I’m also assuming I have that?!?! Sorry … I am very very basic when it comes to the website lingo.

as far as color, it’s currently a super light blue, and I’d like to change it to a darker blue color. A typical blue link color like maybe: #174576 – I’m also not even sure where to put this in my website settings.

Thank you,

Stacy

Hello Stacy,

Ah no worries – CSS is a coding language that can change how things look.

Before we go down that route…

If you go to Appearance > Customize > Background and Colours > click Pallets > you should be able to see a series of dots like this: https://d.pr/i/5QIiiF

One of these will be the link colour. If you click that colour you should be able to choose a new one.

Are you able to see that setting?

Many thanks.

Hi! Unfortunately, mine doesn’t look like yours. I wish I could show you a picture. I have only the word “Background” under my appearance choice. I can then go to “colors” but nothing about link colors. Just Header text color and background color. I looked through all the menu options and don’t see anything titled link color and no menu that looks like yours.

You can add a screenshot, just use an online tool for that (such as https://snipboard.io/) and paste the link into your reply.
I think you may not see the same options if you’re not accessing the site from WordPress.com, but it would be good to confirm what you see on your end.

I am accessing it through WP. I have screenshots. I also used your SnipBoard link and it’s not pasting into this window. I have a mac … Using the “shift, control, command and 3 is not working!”.

/Users/stacyford/Desktop/Screen Shot 2021-03-12 at 10.05.19 AM.png
/Users/stacyford/Desktop/Screen Shot 2021-03-12 at 10.04.57 AM.png

I am doubting you can see screenshot from my link above.

Can I please send the screenshots through email someway, or upload them somewhere?

Please use https://snipboard.io to share those screenshots here.

Please see my prior post. Snipboard does not work with my mac. I tried. So that’s not an option. I also consulted with another user and tried to save it to my clipboard and attach it that way. It’s not working either.

Can I please just get the code to change the link color, and the line I need to put it in for my CSS code?

Hello there,

Many thanks for reaching back out.

Ideally, we need to screenshots in order to make sure that code is correct.

Are you able to use an alternative method like Google Drive or Dropbox to share those screenshot images please?

Many thanks in advance.

In the meantime, you could try adding the following CSS:

a {
    color: red;
}

You would change red to whatever colour you need.

Yes, I can put the screenshots into a google drive folder. Please give me the email address or how you’d like me to give you access.

Thank you,

Stacy

Hello Stacy,

This can be shared via a link as detailed here: https://support.google.com/drive/answer/7166529?co=GENIE.Platform%3DDesktop&hl=en

Have you also tried adding the CSS via Customize > Additional CSS?

Many thanks.