Announcement

Collapse
No announcement yet.

StyleVar for forum popup menus

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

  • [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

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

    Comment


    • #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


      • #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


        • #5
          Originally posted by vlastanovak View Post
          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


          • #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


            • #7
              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.
              Please feel free to add me on MSNM - would love to have some fellow vBulletin users added to discuss ideas re. the software!


              Comment


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

                Comment


                • #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


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

                    Comment


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

                      Comment


                      • #12
                        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.

                        Comment


                        • #13
                          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.

                          Comment


                          • #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


                            • #15
                              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.

                              Comment

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