Accent Link color isn't working in Feature Theme

[amberjules]

Hello - I’m using the Feature theme and have the accent color set to #6d9e9e; however when I look at the live posts and pages it shows any links as black/underlined and not using this tealish color. Weirdly, when I’m in the post editor I can see the color is correct, but it’s not when it’s live.

This is in the editor

This is the live page (linked above).

I tried to use this code that I saw someone else say works, but it did not for me: .gh-content a { color: #6d9e9e; }

URL: RV Living for Beginners Ultimate Guide: 17 Essential Tips for Success

I’m using Ghost Pro (not self hosted)

I’ve tried looking at this on Chrome and Safari with the same results.

Any ideas on what could be the problem or how to change this with some CSS?

Thank you!

[Cathy_Sarisky]

The editor doesn’t actually apply your theme’s styles. It’s not unusual for the editor to look a bit different from the published version. (That’s why there’s a preview button!)

It sounds like the theme developer made a different style choice than the one you want. You can drop this into your code injection:

<style>
.s-entry-content a {
color: var(--ghost-accent-color);
}
</style>

So that you can resolve little tweaks like this yourself, you might want to read this tutorial I wrote about how to figure out what code injection your theme needs

[amberjules]

@amberjules

#6d9e9e

.s-entry-content a { color: var(#6d9e9e); }

It didn’t work. Did I mess up where to add the color?

[Cathy_Sarisky]

Yep. var(--ghost-accent-color) means to sub in the variable named “ghost accent color”. You need just color: #aaabbb; on that line if you’re going to hard-code the color.

[amberjules]

Ah..I see now. Okay, it worked!!! Thank you so much and thanks for the link for info. I’ll take a look.

.s-entry-content a { color: #6d9e9e; }