No announcement yet.

vbulletin taking over your own stylesheets?

  • Filter
  • Time
  • Show
Clear All
new posts

  • vbulletin taking over your own stylesheets?

    We have a javascript menu in our customised header that has a drop down or submenu. The colours for the menu are controlled via a stylesheet which is referenced to in the header. On the whole this works fine except for one section. I am unable to change the background color of the submenu.

    For some reason the background of the submenu is defaulting to the same colour of the "Page Background" setting of the style in use. Changing the "Page Background" setting changes the background of the submenu, but it also changes the page background of the forums.

    Is it possible that the names used in our stylesheet are the same as what is used in vbulletin and the value is somehow defaulting to vulletin's? Do they follow some kind of standard?

    Is there another explanation or anything I can do to make it work?

    Below is the relevant part of the stylesheet where changes made do not take effect. Neither the background color or boder color will change, regardless of what these are set to. Everything else in the stylesheet responds properly though.

    div.usermenu div.submenuitems
    visibility: hidden;
    position: absolute;
    display: block;
    padding: 0px;
    left: 0px;
    top: 1.2em;
    background-color: #FF0000;
    border: 1px solid #ffffff;

  • #2
    All of the CSS class names can be seen in the:

    Admin CP -> Styles & Templates -> Style Manager -> Main CSS (in the menu)

    If you are using the same class names then it might cause problems. You can always try a style tag to manually set the color of the element:

    style="background: ...;"


    Related Topics