[vB3] How to change the URL link colour - Only for 1 section

[John Diver]

Hey,

I am trying to change the colour of the menu links in my forum, but I just want the link colour changed in 1 place but I'm not sure where to do it, can anyone help please?

You can see the homepage here : Http://www.NorthWestSocial.com
and the forum here: Http://www.NorthWestSocial.com/forum/index.php

Hopefully someone can help

Thanks!

[Trevor Hannant]

EDIT: Sorry, forgot to look at your main site...

Why not use the same DIV element you use on your home page? You would need to add a link to the CSS file you're using in the headinclude template also though

[John Diver]

Hey Trevor

This is for a menu just above the vbulletin menu, the 1 with Home / browser users etc.

I would like to have the text in white, just like the vBulletin menu

Thanks!

[Trevor Hannant]

John, is there a reason you're not using a DIV in there instead of the table?

[John Diver]

Hey Trevor

The only reason is I can't code so I used an online HTML editor to create the menu and it used a table instead of DIV.
Would using DIV instead and linking to the CSS help with the text/link colour?

THanks very much Trevor!

[Trevor Hannant]

Yes as it will mean if you decide to change the font, colour, size etc later, you only need to make the change once to the CSS file and it'll aply both to your site and the forums

[John Diver]

Thanks Trevor

Time to go find out how to do it haha.

Had a look at your site, it looks great

[Trevor Hannant]

Thanks.

You need to copy this section from your home page:

 <div class="topnav_box">
<ul class="topnav">
<li class="menuon"><a href="Http://www.NorthWestSocial.com">Home</a></li><li class="menugen"><a href="Http://www.NorthWestSocial.com/index.php?p=browse">Browse Users</a></li><li class="menugen"><a href="http://www.northwestsocial.com/directory">Directory</a></li><li class="menugen"><a href="http://www.northwestsocial.com/forum/index.php">Forum</a></li><li class="menugen"><a href="http://www.northwestsocial.com/forum/arcade.php">Games</a></li><li class="menugen"><a href="Http://www.NorthWestSocial.com/index.php?p=photos">Photos</a></li><li class="menugen"><a href="Http://www.NorthWestSocial.com/index.php?p=test">Restaurants / Takeaways</a></li><li class="menugen"><a href="Http://www.NorthWestSocial.com/index.php?p=Attractions">Things To Do</a></li></ul>
</div>

and paste that into the header or navbar template in place of the code you're currently using.

Then you'll need to create a link in the headinclude template to point to your CSS file. Having had a look at it though, there may be some CSS which conflicts with the default vBulletin CSS. If that happens, you would need to create a new CSS file with only the CSS relevant to the topbar and link to that instead.

[John Diver]

Thanks again Trevor, really appreciate the help

I will have a look now and see how to do it

Thanks!

[John Diver]

I'm getting there

Looks a lot better, the width is still too big for some reason, it should be 982px like the main site but its larger for some reason.

I added the CSS into vbulletin instead of linking (I didnt know how ) - Im not sure what the conflictions are in the CSS but its slowly getting there