Log in

View Full Version : How to change the hyperlinks color in my stlye?


MaXimus
08-22-2014, 11:32 AM
A very good member on the forums helped me create a custom style for my forum.

Now I don't want to pester her with every request but I noticed that hyperlinks appear light yellow/beige in color so it's a bit difficult to differentiate a hyperlink from normal text in a post.

I was thinking how can I make the hyperlinks color light blue perhaps in that style?

Check this example which contains a hyperlink please:

http://forum.maxgeeks.net/showthread.php?p=329#post329

ozzy47
08-22-2014, 11:40 AM
I am not at my comp ATM, but it should be the stylevar link_color

MaXimus
08-22-2014, 11:50 PM
It was in the All Style Options / Body

https://vborg.vbsupport.ru/external/2014/08/16.png

--------------- Added 1408755392 at 1408755392 ---------------

ahhh no nevermind that also changed all the main thread listings and forums listing to blue :(

I revert the colors back to default

I want to only change the color of hyperlinks I post not the links of the subforums and threads :(

pls help

ShawneyJ
08-23-2014, 12:49 AM
sorry, been busy, feel free to pm anytime.
what you are asking is easy in vb4 but not in vb3. i have not tested with plain postbit, but,
to do this, find in your post bit:
<div id="post_message_$post[postid]">

change this code to:
<div id="post_message_$post[postid]" class="vb_postbit">

then add to bottom of Additional CSS this:
.vb_postbit a {
color: blue;
background:none;
}
.vb_postbit a:hover {
color: Red;
background:none;
}

this way you can change colors and hover.
eg: blue or #0000FF.

let me know how ya go. ;)

p.s if you want bold font or underline, just add:
your css would look like this:
.vb_postbit a {
color: blue;
background:none;
text-decoration:underline;
font-weight: bold;
}
.vb_postbit a:hover {
color: Red;
background:none;
text-decoration:underline;
font-weight: bold;
}

MaXimus
08-23-2014, 01:32 AM
I did the first part but where on earth do I edit the additional CSS?

Is that the vbulletin-style.xml file located in the Install folder?

EDIT: Nope, it certainly wasn't that because when I did the changes to that file nothing changed on the forum.

I hate vBulletin!! Changing such simple aspects of the forum require a person to reinvent the wheel!

ShawneyJ
08-23-2014, 02:36 AM
This is actually simple but more easy on vb4.

Styles & Templates>>Style Manager>>All style options, click go on which style you want to edit. scroll to bottom. Additional CSS Definitions, paste in second box under the rest of the CSS i added for your skin.

You dont need to leave to style section ;)
you want me to do it?
the screenshot you posted about, the additional CSS is at the bottom of that page.

MaXimus
08-23-2014, 03:38 AM
This is actually simple but more easy on vb4.

Styles & Templates>>Style Manager>>All style options, click go on which style you want to edit. scroll to bottom. Additional CSS Definitions, paste in second box under the rest of the CSS i added for your skin.

You dont need to leave to style section ;)
you want me to do it?
the screenshot you posted about, the additional CSS is at the bottom of that page.

yuppie!!! Princess Shawney to the rescue again! Thank you so much you're the best!

All done :)

Example: http://forum.maxgeeks.net/showthread.php?p=329#post329

ShawneyJ
08-23-2014, 03:43 AM
good job ;)
hang in there with your front page, i'll get to it very soon. sorry for the delay.

MaXimus
08-23-2014, 03:50 AM
thank you! the most helpful member on the internet! :)

ozzy47
08-23-2014, 08:45 AM
Whooops, my bad, I did not notice this was a vB3 question. :p