[SB5]

I want to make the "Register" link in the header to be a red background to make it more noticeable. This is what I'm talking about... except they have it for there "Donate" link. I would like to do that same thing except for the Register link. --> http://www.4winmobile.com/forums/index.php

How can I do this??

[MaestroX]

In your header template find:

<if condition="$show['registerbutton']">
  <td class="nav"><a href="$vboptions[bburl]/register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
 </if>

and change class="nav" to class="tcat"

[SB5]

Great that worked.

However, one minor issue is that I see is that it's bigger (height) in mine than it is in the example sites I showed you. How can this be fixed?

[MaestroX]

Ok, try changing the class="tcat" to class="tcat_menu" and add this into the style CSS (Right at the bottom in the extra box):

.tcat_menu
{
 background: #8b0e12 url(styles/redcarbon/gradients/gradient_tcat.gif) repeat-x top left;
 color: #FFFFFF;
padding: 3px 6px;
 font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

Let me know how it goes

[SB5]

I've made the changes above to the best of my knowledge. I wasn't 100% sure where to put the code into the style CSS. So I opened up the Style Manager > Red Carbon > Main CSS > (scrolled down to very bottom) > In the Additional CSS Definitions at the bottom I added the code. Again not completely sure if that was the correct spot.

The changes look good however the link is a red color which would need to be changed. Take a look for yourself (you'll need to change the style at the bottom left corner to Red Carbon)

[MaestroX]

Ok, in the CSS change what you put it before, change to this:

.tcat_menu_menu
{
background: #8b0e12 url(styles/redcarbon/gradients/gradient_tcat_menu.gif) repeat-x top left;
color: #FFFFFF;
padding: 3px 6px;
font: bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.tcat_menu a:link, .tcat_menu_alink
{
 color: #ffffff;
 text-decoration: none;
}
.tcat_menu a:visited, .tcat_menu_avisited
{
 color: #ffffff;
 text-decoration: none;
}
.tcat_menu a:hover, .tcat_menu a:active, .tcat_menu_ahover
{
 color: #ffffff;
 text-decoration: underline;
}

Hopefully this should do it

[SB5]

I made the above change and it made the background for the register link white (not red) and the link color white (which is good). So then out of curiosity I changed the class="tcat_menu_menu" just to see what would happen and it gave a red background and red text. Weird!

So currently the above change you suggested is in the CSS as well as the class="tcat_menu" as you originally suggested making the BG and text white.

Hopefully we can figure this out!

[MaestroX]

Whoops, my mistake, I made a mistake in the above code. Replace it with this one:

.tcat_menu
{
background: #8b0e12 url(styles/redcarbon/gradients/gradient_tcat_menu.gif) repeat-x top left;
color: #FFFFFF;
padding: 3px 6px;
font: bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
.tcat_menu a:link, .tcat_menu_alink
{
 color: #ffffff;
 text-decoration: none;
}
.tcat_menu a:visited, .tcat_menu_avisited
{
 color: #ffffff;
 text-decoration: none;
}
.tcat_menu a:hover, .tcat_menu a:active, .tcat_menu_ahover
{
 color: #ffffff;
 text-decoration: underline;
}

[SB5]

Great that's exactly how I wanted it to look! Thanks for helping me with that!

[MaestroX]

No problem, glad we got there in the end