Announcement

Collapse
No announcement yet.

StyleVar for forum popup menus

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Lynne
    replied
    For instance, for the Thread Tools menu and the rest up in that bar, the color of the font/link is set by:
    HTML Code:
    .toolsmenu .popupgroup .popupbody a, .toolsmenu .popupgroup .popupbody li label {    color: #3E3E3E;    font-size: 11px;}
    So, if you want to change it only for that bar, you can look in the page source (or use firebug) and see it has an id of "thread_controls". So, you could do this:
    HTML Code:
    #thread_controls.toolsmenu .popupgroup .popupbody a, #thread_controls.toolsmenu .popupgroup .popupbody li label {
        color: pink;
    }

    Leave a comment:


  • Nick
    replied
    Thanks, but I'm not sure what that means or how to go about doing that.

    Leave a comment:


  • Lynne
    replied
    Use the menu id in your CSS if you want it just for there.

    Leave a comment:


  • Nick
    replied
    So how does one adjust the "Forum Tools" popup menu colors without also affecting the popup menus on the main navigation bar (e.g. Quick Links and such)?

    Leave a comment:


  • Trevor Hannant
    replied
    The following video shows how to convert what you find in Firebug to vBulletin:

    http://www.vbulletin.com/forum/conte...8video-version

    Leave a comment:


  • Lynne
    replied
    You can't make changes in firebug and have them go into vbulletin. Firebug is completely separate from vbulletin and doesn't interact with it. If you want to change something on your site, you need to actually do so in the admincp.

    Leave a comment:


  • Dr. J
    replied
    Originally posted by Lynne View Post
    Firebug tells me this is the font color there:
    Code:
    .forumdisplaypopups .popupbody a {
    color:#3E3E3E;
    
    
    }
    Hi Lynne, thank you for your reply. I've noticed that when I make changes in Firebug the changes don't take "effect," even after I empty my cache and reset my browser. Am I missing a step?

    Thanks.

    Leave a comment:


  • Lynne
    replied
    Firebug tells me this is the font color there:
    Code:
    .forumdisplaypopups .popupbody a {
    color:#3E3E3E;
    
    
    }

    Leave a comment:


  • Dr. J
    replied
    Originally posted by Meestor_X View Post
    The StyleVars dictionary is incorrect, and I cannot find the correct stylevar to fix the popup menu background and text color.

    forummenu_background is supposed to change the background, but what it does is change the background of the bar behind the link, not the background of the list in the drop-down menu.

    forummenu_color is supposed to change the color of the tect in the items in the drop-down menu, but it changes the text of the link that you click to drop the menu down.

    How do I change the background color and the text color of the drop-down menu items?

    The menus at the top of a thread list and the ones at the bottom. See pics for examples. I'm talking about the text on the white background, the actual menu items.
    I'm having a similar problem. Anyone know how to change the font color in the popup drop-down menus? I've tried Firebug with no luck. Thanks.

    Leave a comment:


  • daiver
    replied
    Originally posted by Meestor_X View Post

    These menus should have their own stylevar, not share it with the formrow_background.
    I completely agree. It was hard enough to find this variable and now I realize that I can't change it because it will change other important backgrounds on the forum. I'm very disappointed in this.

    Leave a comment:


  • Meestor_X
    replied
    Speak up! Don't be shy!

    Leave a comment:


  • Meestor_X
    replied
    Anyone?

    Leave a comment:


  • Meestor_X
    replied
    Ok, so that works for the default text, other than the bug with the color being incorrect until you switch editor mode...

    What about the text color for the preview? It's defaulting to black.

    Preview:
    Click image for larger version

Name:	StyleVar Preview.JPG
Views:	1
Size:	45.4 KB
ID:	3677365

    When posted:
    Click image for larger version

Name:	StyleVar Preview Actual.JPG
Views:	1
Size:	29.0 KB
ID:	3677366

    Leave a comment:


  • Meestor_X
    replied
    Thank you so much! That's working, well... Sort-of...

    Originally posted by vlastanovak View Post
    1. Search for 'editor.css' and open it when you find it.

    2. Find
    Code:
    .formcontrols .blockrow .editor_textbox textarea:focus {
    background-color:{vb:stylevar textedit_background.backgroundColor};
    3. Change to
    Code:
    .formcontrols .blockrow .editor_textbox textarea:focus {
    background-color:{vb:stylevar textedit_background.backgroundColor};
    color:#FFF;}
    I did this so it will match whatever the post color is:
    Code:
    .formcontrols .blockrow .editor_textbox textarea:focus {
     background-color:{vb:stylevar textedit_background.backgroundColor};
            color:{vb:stylevar postbit_color}
    }
    4. The above steps will only change the color of the basic editor. To change the color in the WYSIWYG editor, add the following lines of code to the bottom of 'editor.css' and you should be sweet.
    Code:
    .wysiwyg, .formcontrols .blockrow .editor_textbox textarea:focus {
    color:#FFF;
    }
    Again, I made the color color:{vb:stylevar postbit_color}

    Obviously change the color codes to suit!

    It's a massive pain in the ass to change one color, but it's the only solution I've been able to find.
    I agree, they clearly need a few more stylevars. They have one for the backgrounds, so why not for the text?

    Also, there's an annoying bug in that when you switch from the normal editor to the WYSIWYG editor, it defaults to black text until you click in the edit window. Also, the editor mode defaults to non-WYSIWYG mode until you click the A/A button. All pretty buggy.

    Leave a comment:


  • vlastanovak
    replied
    Originally posted by Meestor_X View Post
    I'm trying to do a darker-coloured forum as well. Have you figured out the one for the text colour in the editor?
    [ATTACH=CONFIG]40716[/ATTACH]
    1. Search for 'editor.css' and open it when you find it.

    2. Find
    Code:
    .formcontrols .blockrow .editor_textbox textarea:focus {
    background-color:{vb:stylevar textedit_background.backgroundColor};
    3. Change to
    Code:
    .formcontrols .blockrow .editor_textbox textarea:focus {
    background-color:{vb:stylevar textedit_background.backgroundColor};
    color:#FFF;}
    4. The above steps will only change the color of the basic editor. To change the color in the WYSIWYG editor, add the following lines of code to the bottom of 'editor.css' and you should be sweet.
    Code:
    .wysiwyg, .formcontrols .blockrow .editor_textbox textarea:focus {
    color:#FFF;
    }
    Obviously change the color codes to suit!

    It's a massive pain in the ass to change one color, but it's the only solution I've been able to find.

    Leave a comment:

widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X