Support Forum

Reboot: how to change color of links in posts

CB Christine Baker
Christine Baker
Member

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.com/mohave/things-to-do-around-meadview/swimming-and-boating-accidents/

Thanks!

15 Answers

New Answer

YS Yellow Swordfish
Yellow Swordfish
Member

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

CB Christine Baker
Christine Baker
Member

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.

YS Yellow Swordfish
Yellow Swordfish
Member

Understood

Do you use a child theme for your forum?

YS Yellow Swordfish
Yellow Swordfish
Member

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.

CB Christine Baker
Christine Baker
Member

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.png

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.)

CB Christine Baker
Christine Baker
Member

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

CB Christine Baker
Christine Baker
Member

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
MP Mr Papa
Mr Papa
Member

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…

CB Christine Baker
Christine Baker
Member

I think we’re getting somewhere.  I’ve been using the chrome overlay and been trying different overlays, so clearly they control the colors and all and I was looking for the link colors in the chrome overlay for the post content, couldn’t find them and then posted here.

I’ve done all my edits via ftp online, didn’t know until now that you have the theme editor built in.  Convenient!

But, the overlay files do NOT show up in the SP theme editor, are they supposed to?  When I switch to any overlay the colors change as they should.  But no file shows up.

Today I copied the chrome overlay to the childtheme, but it still doesn’t show up in the SP theme editor.

And I searched the overlay for “a:visited” and found nothing.  So does your code go in the overlay or reboot-child.css ?

This is all so confusing and I had given up on it, but since it looks like you’ll at least maintain SP even if nobody takes over, I got inspired again.

And, I’ve been using the child theme the entire time.

YS Yellow Swordfish
Yellow Swordfish
Member

Perhaps you may be better off placing these CSS overrides (the ones Mr Papa gave you) into the forum admin > themes > Custom CSS editing window and see if that changes things.

CB Christine Baker
Christine Baker
Member

That did it!

I had tried it earlier and pasted it with the line numbers, my eyes are falling out 🙂

Thanks!

YS Yellow Swordfish
Yellow Swordfish
Member

That’s the ‘sledgehammer’ approach!

Just remember that if you change SP themes or overlay then you may want to change this CSS snippet as well.

CB Christine Baker
Christine Baker
Member

Yup, I will.  Now,  a followup question, WHERE do I change the font size for posts as well as the forum group names and descriptions and best, everything.

I’ve seen a lot of font code in the overlay, but should it also go into the custom css?   And what’s the easiest way to make everything a little larger?

https://forum.highdesertdirt.com/  — everything’s really small.

Lots of old people in my neighborhood and I’d like it to be more like in the SP forum here.