MyBB Community Forums

Full Version: Change links color/weight
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I'm trying to change the color/weight of links in posts only, without affecting the rest of the board's links (threads, admin cp link, user cp link etc).

Currently my links inside posts are the same color as regular text and they don't stand out as links should.

How I can do that?
Do you know any CSS?
I do, but I have no idea how to create a class just for links within posts and implement it in the template.
1. Go into Templates > Postbit > postbit_classic (Because you're using the classic layout)

2. Replace:
<div id="pid_{$post['pid']}" style="padding: 5px 0pt;">
				{$post['message']}
</div>

With:
<div class="post_content" id="pid_{$post['pid']}" style="padding: 5px 0pt;">
				{$post['message']}
</div>

3. Goto Themes > global.css > Edit Stylesheet: Advance Mode

4. Add this code at the very bottom:
.post_content {

}

5. Put the CSS you want inside the brackets and save it.


This hasn't been tested but it should work perfectly.
That works for the text attributes but not for the links. I tried doing:

a.post_content:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.post_content:visited {
       &nbsp;color: #FFFFCE; text-decoration: none
}

a.post_content:active {
       &nbsp;color: #CCFFCC; text-decoration: none
}

a.post_content:hover {
       &nbsp;color: #FFFF63; text-decoration: none
}

but it doesn't change the links.

EDIT: nm got it by doing this

.post_content a:link {
	color: red;
	font-weight: bold;
}
Hi,

Sorry if I seem a numb-skull, but rathe rthan start a new thread, searched and found this one, which is what I am aiming to do.

I have recently had my forum migrated from Vbulletin to yours, and obviously they run slightly differently ..... Anyway, back on topic.

I am using 1.6.1 and would like my in-post hyperlinks to be highlighted (or at least) a different colour, when I used Vb, links were Blue if unread, and Magenta once read.

Is there any way to replicate this, as links DO NOT stand out from standard text.

I also need a very plain talking explanation of how to do it ...... I'm thick Big Grin

Thanks

Nathan
Anyone ?
Sorry, but is there any 'support' her in the 'support' forum ?
Next time I recommend you make your own thread. Also, it takes a simple CSS edit.

Currently on my Iphone, I will reply with full instructions in a few hours.