StyleVar for forum popup menus

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Meestor_X
    Senior Member
    • Apr 2006
    • 637
    • 3.8.x

    [Forum] StyleVar for forum popup menus

    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.

    Click image for larger version

Name:	StyleVars Menu Background2.JPG
Views:	1
Size:	25.1 KB
ID:	3713853Click image for larger version

Name:	StyleVars Menu Background1.JPG
Views:	1
Size:	25.7 KB
ID:	3713852
    -Andy.
    http://www.checkcheckonetwo.com
    http://www.mindplacesupport.com
  • Meestor_X
    Senior Member
    • Apr 2006
    • 637
    • 3.8.x

    #2
    Anyone?
    -Andy.
    http://www.checkcheckonetwo.com
    http://www.mindplacesupport.com

    Comment

    • vlastanovak
      Senior Member
      • May 2009
      • 151

      #3
      To change the font color, edit the 'navbar_selected_popup_body_a_Color' StyleVars.

      To change the background, edit the 'formrow_background' StyleVars.
      Please feel free to add me on MSNM - would love to have some fellow vBulletin users added to discuss ideas re. the software!


      Comment

      • Trekkan
        Senior Member
        • Oct 2008
        • 224
        • 4.0.0

        #4
        I've run into the same problem. I run a darker theme for my website and these don't change what they say they change. You can edit these by changing another stylevar (sorry, I can't remember what one, I think maybe formrow or something like that). Which changes other crap it shouldn't so you end up having to make a sacrifice to what looks the best in both places, but really probably doesn't look GOOD in both places.

        In short, yeah, it's screwed up. heh

        Comment

        • Meestor_X
          Senior Member
          • Apr 2006
          • 637
          • 3.8.x

          #5
          Originally posted by vlastanovak
          To change the font color, edit the 'navbar_selected_popup_body_a_Color' StyleVars.
          No, that doesn't seem to be it.

          To change the background, edit the 'formrow_background' StyleVars.
          Thanks! That was hard to find, since nobody would ever expect that the background of a popup menu would take on the background of the site!

          These menus should have their own stylevar, not share it with the formrow_background.
          -Andy.
          http://www.checkcheckonetwo.com
          http://www.mindplacesupport.com

          Comment

          • Meestor_X
            Senior Member
            • Apr 2006
            • 637
            • 3.8.x

            #6
            I'm trying to do a darker-coloured forum as well. Have you figured out the one for the text colour in the editor?
            Click image for larger version

Name:	StyleVars Editor Text Color.JPG
Views:	1
Size:	50.7 KB
ID:	3677340
            -Andy.
            http://www.checkcheckonetwo.com
            http://www.mindplacesupport.com

            Comment

            • vlastanovak
              Senior Member
              • May 2009
              • 151

              #7
              Originally posted by Meestor_X
              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 {[FONT=monospace]
              [/FONT]background-color:{vb:stylevar textedit_background.backgroundColor};[FONT=monospace]
              [/FONT]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.
              Please feel free to add me on MSNM - would love to have some fellow vBulletin users added to discuss ideas re. the software!


              Comment

              • Meestor_X
                Senior Member
                • Apr 2006
                • 637
                • 3.8.x

                #8
                Thank you so much! That's working, well... Sort-of...

                Originally posted by vlastanovak
                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.
                -Andy.
                http://www.checkcheckonetwo.com
                http://www.mindplacesupport.com

                Comment

                • Meestor_X
                  Senior Member
                  • Apr 2006
                  • 637
                  • 3.8.x

                  #9
                  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
                  -Andy.
                  http://www.checkcheckonetwo.com
                  http://www.mindplacesupport.com

                  Comment

                  • Meestor_X
                    Senior Member
                    • Apr 2006
                    • 637
                    • 3.8.x

                    #10
                    Anyone?
                    -Andy.
                    http://www.checkcheckonetwo.com
                    http://www.mindplacesupport.com

                    Comment

                    • Meestor_X
                      Senior Member
                      • Apr 2006
                      • 637
                      • 3.8.x

                      #11
                      Speak up! Don't be shy!
                      -Andy.
                      http://www.checkcheckonetwo.com
                      http://www.mindplacesupport.com

                      Comment

                      • daiver
                        Senior Member
                        • Nov 2004
                        • 109

                        #12
                        Originally posted by Meestor_X

                        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.

                        Comment

                        • Dr. J
                          Senior Member
                          • May 2009
                          • 106
                          • 3.8.x

                          #13
                          Originally posted by Meestor_X
                          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.

                          Comment

                          • Lynne
                            Former vBulletin Support
                            • Oct 2004
                            • 26255

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

                            Please don't PM or VM me for support - I only help out in the threads.
                            vBulletin Manual & vBulletin 4.0 Code Documentation (API)
                            Want help modifying your vbulletin forum? Head on over to vbulletin.org
                            If I post CSS and you don't know where it goes, throw it into the additional.css template.

                            W3Schools <- awesome site for html/css help

                            Comment

                            • Dr. J
                              Senior Member
                              • May 2009
                              • 106
                              • 3.8.x

                              #15
                              Originally posted by Lynne
                              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.

                              Comment

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