# Change color of just one link on a page?

**URL:** <https://forums.realmacsoftware.com/t/change-color-of-just-one-link-on-a-page/46739>\
**Category:** RapidWeaver Classic\
**Created:** [March 14, 2025, 1:41pm UTC](https://forums.realmacsoftware.com/t/change-color-of-just-one-link-on-a-page/46739 "2025-03-14T13:41:24Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Spacemonkey](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/spacemonkey/32/19494_2.png) [@Spacemonkey](https://forums.realmacsoftware.com/u/Spacemonkey)\
**Post date:** [March 14, 2025, 1:41pm UTC](https://forums.realmacsoftware.com/t/change-color-of-just-one-link-on-a-page/46739/1 "2025-03-14T13:41:24Z")

</div>

I sometimes want a specific link to stand out for whatever reason. I have the links on most of my pages very subtley different colors than the main text, all bright colkored links looks very 90’s to me.

But sometimes you need people to see a link.

Iv’e tried CSS and span code with ! important, but I can’t get it to override the code color settings for the page, or the CSS link color settins for the site.

There must be a way to do this.

Thanks!

---

<div class="post-metadata">

**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\
**Post date:** [March 14, 2025, 1:48pm UTC](https://forums.realmacsoftware.com/t/change-color-of-just-one-link-on-a-page/46739/2 "2025-03-14T13:48:21Z")

</div>

Maybe this would help:

> **[Override Inline Styles with CSS | CSS-Tricks](https://css-tricks.com/override-inline-styles-with-css/)**
>
> This damn juicy CSS trick has been around for a while now, but I wanted to make a special post sharing it again to spread the good word.

---

<div class="post-metadata">

**Author:** ![Spacemonkey](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/spacemonkey/32/19494_2.png) [@Spacemonkey](https://forums.realmacsoftware.com/u/Spacemonkey)\
**Post date:** [March 14, 2025, 3:16pm UTC](https://forums.realmacsoftware.com/t/change-color-of-just-one-link-on-a-page/46739/3 "2025-03-14T15:16:37Z")

</div>

That isnt code I could add to a page inline though.

I’m trying to find a way to change the color of one link on a page and not affect the other links on that page. Not change the color of links on one entire page.

Sometimes you need one link on a page to stand out.

thanks

---

<div class="post-metadata">

**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\
**Post date:** [March 14, 2025, 4:40pm UTC](https://forums.realmacsoftware.com/t/change-color-of-just-one-link-on-a-page/46739/4 "2025-03-14T16:40:46Z")

</div>

Can you link to the page in question so we can take a look?

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [March 14, 2025, 8:55pm UTC](https://forums.realmacsoftware.com/t/change-color-of-just-one-link-on-a-page/46739/5 "2025-03-14T20:55:07Z")

</div>

> [@Spacemonkey](#):
>
> I’m trying to find a way to change the color of one link on a page and not affect the other links on that page. Not change the color of links on one entire page.

Try this CSS

```auto
/* custom color and hover */
.custom-link {
color: #ff0000 !important;
}
.custom-link:hover {
color: green !important;
}

```

This is a `<a href="#" class="custom-link">custom link</a>` with a different color.

you can add multiple colors and use the right class for each sentence.  
If you need to do this on multiple pages of your project, put the code in the general preferences (setting/code/css) and not on the page.