Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
themes-topic
Reboot: how to change color of links in posts
Avatar
Christine Baker
NW Arizona - high desert
Member

Silver Members
sp_UserOfflineSmall Offline
Jun 10, 2018 - 3:02 pm

I must not be seeing right.  Been looking at the chrome overlay and can't find it.

In the posts links turn blue on hover, but otherwise is text color and I want to fix that.

See https://forum.highdesertdirt.c.....accidents/

Thanks!

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jun 10, 2018 - 3:12 pm

What is it you actually want to change? And what to?

andy-signature.png
YELLOW
SWORDFISH
Avatar
Christine Baker
NW Arizona - high desert
Member

Silver Members
sp_UserOfflineSmall Offline
Jun 10, 2018 - 3:28 pm

I want to change the link color form the text color to something different so that the link stands out.

And I'd also like to change the color of a VISITED link, if possible.

For example, the link in my forum post is ORANGE in my previous post.

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jun 10, 2018 - 3:35 pm

Understood

Do you use a child theme for your forum?

andy-signature.png
YELLOW
SWORDFISH
Avatar
Christine Baker
NW Arizona - high desert
Member

Silver Members
sp_UserOfflineSmall Offline
Jun 10, 2018 - 4:04 pm

Yes, got the reboot child theme.

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jun 10, 2018 - 4:16 pm

Great. So in your child theme there should be a file named 'reboot-child.css' in the /styles folder.

Add the following rules:

#spMainContainer a:link,
#spMainContainer a:active,
#spMainContainer .spLink:link,
#spMainContainer .spLink:active {
    color: #XXXXXX;
}

#spMainContainer a:visited,
#spMainContainer .spLink:visited {
    color: #XXXXXX;


#spMainContainer a:hover,
#spMainContainer .spLink:hover {
    color: #XXXXXX;
}

 

but changing the XXXXXX's for the colours you want to use.

before testing remember to (1) clear your browser cache and (2) go to the forum admin > toolbox > housekeeping and run the tool to 'Reset combined CSS cache'.

Let's see if that does the trick.

By the way, I assume you ARE using the child theme? If not you need to select that as your active theme.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Christine Baker
NW Arizona - high desert
Member

Silver Members
sp_UserOfflineSmall Offline
Jun 10, 2018 - 5:25 pm

Thanks, I feel like it should be working now, but it doesn't.  So here is what I got, and I added a closing bracket for the visiting link:

2018-06-10-14-19-30-style.pngImage Enlarger

The child theme IS active, I did the housekeeping cache clearing and in Chrome, but I don't get any colors.

Oddly, when you hover over the links, they've always been blue.  Where does that come from? (I didn't do it.)

Avatar
Christine Baker
NW Arizona - high desert
Member

Silver Members
sp_UserOfflineSmall Offline
Jun 10, 2018 - 6:09 pm

So I've changed the overlay to light blue and now the links are blue by default.

Avatar
Christine Baker
NW Arizona - high desert
Member

Silver Members
sp_UserOfflineSmall Offline
Jun 10, 2018 - 7:49 pm

Still trying to figure this out.

Why is Overlay listed when editing themes, but there's no file?

2018-6-10-no-overlay-files.JPG

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Jun 10, 2018 - 9:21 pm

first, the last question...  remember, you are editing the current theme... this is your reboot child theme... have you added any overlays to the child theme?  Looks like not, which is why none are listed...  

if you want to edit the parent theme (reboot) overlays, you would have to make the parent theme active and then edit its overlays..  or you could copy the overlay from the parent to your child and make whatever edits your wanted while the child theme is active..

Not sure what is happening or what you want...  what links to you want to change?  the ones in the post content?  guessing so but want to be sure...  Not sure the css Andy gave you will work for post content since there is a more specific selector for them...  try this:

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:link,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:active,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:visited {
color: #000099;
}

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:hover {
color: #ff0000;
}

and see if that helps...

If you meant other links and I misunderstood, please clarify...  also please note with your css if it selects the right links, you will get dark blue for links, light blue if you have previously visited the link and red when you hover over it...

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 649
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 618
Members: 17348
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10120
Posts: 79605