link color inside post

[purp1eone]

site: vikinghorn.proboards.com/

Looking for a way to change the link color only inside of a post. Not the mini-profile but inside of a post. So if someone were to post a link to a site it would control the color of that link.

[Retread]

Hi purp1eone

You can add this to the bottom of the Style Sheet of the theme(s) you want to affect.

/* Define color of links in posts */
@post_link_color:#aa0000;
@post_link_hover_color:#008800;
.posts .post a {color:@post_link_color}
.posts .post a:hover{color:@post_link_hover_color}

The last line allows you to have a different color when hovering than the static color of the link. If you don't want it to change when hovering, you can just delete the last line.

Change the static link color (#aa0000) and the hover link color (#008800) to whatever colors you prefer.

[purp1eone]

Retread

Thanks for the help.

This is what I find when I try that code:

Even/Odd posts content: link and hover link color changes in both

Odd Mini-Profile: link and hover link color changes

Even Mini-Profile: link color does not change, hover link color changes.

Tried that in a couple of themes and it acts the same way in both.

Not sure if you can isolate down to just the post content link and not the mini-profile link. I don't really want to change the mini-profile link color but if that is the same object for both thats fine. But I would like both mini-profile links to be the same color if possible.

Let me know if either of those are doable.

Thanks for the help.

[Retread]

Yes, purp1eone, we can be more specific. In the Post List tab of the Thread layout template, the class content is being applied to the table cell which holds the info, controls, and content of the post. That cell ends before the signature, so if we change the addition to your Style Sheet to what's below, this will affect only the post but not the Mini-profile or the signature.

/* Define color of links in posts */
@post_link_color:#aa0000;
@post_link_hover_color:#008800;
.posts .post .content a {color:@post_link_color}
.posts .post .content a:hover{color:@post_link_hover_color}

If you want to pre-define the links in signatures to something other than the forum default, we can do that too. Just let me know if you want it to be the same color as in the post content or defined independently.

[purp1eone]

Thanks Retread that is what I was looking for.

[Retread]

Excellent. Sorry I wiffed on my first attempt. You specifically said not the mini-profile and I overlooked that. But we got there in the end.

[purp1eone]

Jul 19, 2019 8:54:25 GMT -8 Retread said:

Excellent. Sorry I wiffed on my first attempt. You specifically said not the mini-profile and I overlooked that. But we got there in the end.

Hi Retread,

I was wondering if there is a way to isolate the buttons from the "content". The buttons above the content get changed with this tweak. I assume they are in the same div I just don't know how to isolate the button object in the content so I don't change them for all buttons.

Thanks

[Retread]

We can be more specific and target the div which holds the $[post.message] variable. That div has the class message

/* Define color of links in posts */
@post_link_color:#aa0000;
@post_link_hover_color:#008800;
.posts .post .content .message a {color:@post_link_color}
.posts .post .content .message a:hover{color:@post_link_hover_color}
As always, if you want different colors than I'm using here, you can change #aa0000 in the first line after the comment and #008800 in the second line, to suit your needs.

[purp1eone]

Perfect !!

Thanks for the quick response.

Dec 22, 2019 10:17:21 GMT -8 Retread said:

We can be more specific and target the div which holds the $[post.message] variable. That div has the class message

/* Define color of links in posts */
@post_link_color:#aa0000;
@post_link_hover_color:#008800;
.posts .post .content .message a {color:@post_link_color}
.posts .post .content .message a:hover{color:@post_link_hover_color}
As always, if you want different colors than I'm using here, you can change #aa0000 in the first line after the comment and #008800 in the second line, to suit your needs.