Question

How do I override the default width of UL? For example:

.tabPage .tabs ul {
    margin: 0;
    padding: 0;
    width:149px !important; 
    margin-top: 10px;
    list-style: none;
}

So html would look like this:

<div class="tabPage">
      <div class="tabs">
         <ul> <li> ... </li> <ul>
      </div>
</div>

Now I want to change the width size to 50px for UL for different webpage.

I have tried like this:

  .TabWidthSmall { width:149px; }

I have put this selector in the <ul> and it did not work.

Answer 1

try:

.tabPage .tabs ul.TabWidthSmall {
    width:50px  !important; /* put new width here */
}