1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Prefix CSS lost

Discussion in 'Styling and Customization Questions' started by kankan, Feb 25, 2013.

  1. kankan

    kankan Active Member

    Greeting All,

    Anyone know where to fix background color and CSS block in this screen ?


    Found those line in inline_mod.css

        background: rgb(150,150,150) url('@imagePath/xenforo/gradients/thread-modctrls-30px-dark.png') repeat-x top;
        color: white;
        font-size: 11px;
    tried to change background-color:black for ex, nothing happens

    Thank you

  2. Arty

    Arty Well-Known Member

    That is correct class name and correct css template.

    The only problem with your code is you are using rgb() color value. IE8 doesn't support it. So if you are using IE8 you won't see it.

    If that's not the problem, probably you are ether editing wrong style or forgot to refresh css or value is overwritten by another css rule. Check that block's background with your browser's developer tools to see what rules apply to it.
  3. kankan

    kankan Active Member

    Hello Arty,

    Thank you for your answer
    I setup the Addon Prefix Thread to display Prefix in list in the thread.
    After removal, the quick edition box was messed up.
    I am running FF, and used the Examine dev tool to check the class :

    .inlineCtrlGroup {
        color: black;
        font-size: 11px;
        background: url("styles/flexile/xenforo/gradients/thread-modctrls-30px-dark.png") repeat-x scroll center top rgb(150, 150, 150);
    I made a search in templates for inlineCtrlGroup and found 3 files :

    I changed the font-size and color : modification went ok
    But there is no way to change background color.
  4. Arty

    Arty Well-Known Member

    Check element, not just class. Maybe other rules are applied to it that override background.
  5. kankan

    kankan Active Member

    I'am sorry, but how do i find elements ?

    Here is a screenshot

    Attached Files:

  6. Arty

    Arty Well-Known Member

    Right click somewhere in inline mod block, select "inspect element". In DOM tree move to div.inlineCtrlGroup, on right you'll see list of rules that are applied to that element.
  7. kankan

    kankan Active Member

    You may tell this ?

    Sans titre-1.jpg

Share This Page