Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In with Facebook Sign In with Google Sign In with OpenID Sign In with Twitter
Support for Vanilla Forums Cloud product

In this Discussion

Follow Us

Making the .Active 100%?

edited March 2012 in Questions

Hey guys, again.

I'm stumped. I've tried everything (obviously not) that I know to try make it 100% but it still only set's it by how long the text is.

You can see below what I mean.


I've edited:

.Tabs li


.Active {
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: red;
    padding: 10px;
    text-shadow: 1px 1px 0px #063D53;
    filter: dropshadow(color=#063D53, offx=1, offy=1);
    font-weight: bold;

Hopefully someone has done it and can help.


  • it is better to puts links than screen shots.

    with probably doesn't have width becuase it is not a block element use display:block;

    grep is your friend.

  • I cant post a link because it's in Preview mode. I'll try that though thanks.

  • Okay, that worked thanks. Another quick question. I'm trying to just change the colour for the Catergories in the box.

    .Tabs li { width: 800px; display: block; color: white !important; }
    li.Active { color: white !important; }
    a.Active { color: white !important; }

    None, worked.

Sign In or Register to comment.