Announcement

Collapse
No announcement yet.

Social Groups Message(s) Background

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

  • [Forum] Social Groups Message(s) Background

    I've poured over this site and found no real answers to this burning question, a question many have asked. So I am asking again and a little differently in hopes we can finally get a solution.

    Viewing social groups is not a problem, not the list of various groups nor viewing a specific group. However, when viewing posted messages within that group the background is white, and I just cannot seem to get it changed to another color.

    What has been done with zero results:
    • Added to additional.css template
      Code:
      li.sgicon .maincol {background: black;}
    • Changed background colors in socialgroups_overview.css

    Nothing seems to change the background color of the messages within a group. This same issue occurs in blog comments as well, but right now I'm more concerned with the groups as our blogs haven't yet been completely setup. See my attachment for a screenshot.

    Click image for larger version

Name:	[+--]Climate Hiccups 2011-09-28 09-18-53.jpg
Views:	1
Size:	45.3 KB
ID:	3721921

    Can someone please help me to get this issue resolved? A lot of work still remains to be done since upgrading to 4.1.6 and this little annoyance is consuming way too much time.
    J. Vance Tyree
    Administrator
    Armageddon Online Forums

  • #2
    Pretty sure that is the postbit_lite template.

    Go to Settings -> Options -> General Settings. Set Add Template Name in HTML Comments to Yes.

    Then you can look at the source code to see what template is being used and then use that template to determine class and stylevars.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API

    Comment


    • #3
      I was able to point to the right template (feel like an idiot for missing it when looking before), which is socialgroups_message. That's all well and good, but I'm not sure what I need to change. Only one instance of stylevar appears in that template:

      Code:
      <img  class="hidden" id="gmessage_progress_{vb:raw message.gmid}"  src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase  loading_editor_please_wait}" />
      As you can clearly see, the only stylevar syntax points to an image file (progress.gif). So then I should determine the class . . . well, at this point I don't even know where to look. There are a number of classes and my PHP skills aren't advanced enough to pick out those that would deal with the message background. Even running a search for background comes up with nil. So apparently the class is something the developers arbitrarily defined, meaning I'll need just a little more direction from you.

      At least this is a step in the right direction. I just need to know which class defines the background color. I love vBulletin, and I especially love v4, but some decisions made recently have made it a little more difficult for us oldschool users. Superficially, it seems as if there's less avenues for customization than before, at least in the style department. But I digress, I don't mean to piss and moan, I just want to get this issue resolved.

      I still need a little more info, but thanks all the same for responding with a direct path to get this sorted out. As always, my hat is off to the entire vB team!
      J. Vance Tyree
      Administrator
      Armageddon Online Forums

      Comment


      • #4
        Look at the classes, not the stylevars in the template. class="XXXXX" in the different elements. You can then search those classes and make your changes directly in the CSS or use the stylevars that are referenced in the CSS.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API

        Comment


        • #5
          I've gone over this again and again using Firebug to no avail, even following the instructions in your quick tips forum. I have attached another screenshot of what I'm seeing. It looks as if gmessage is the class, but when I find instances in templates it's always linked to javascript, and there is never any stylevar information nearby.

          Click image for larger version

Name:	gmessage.jpg
Views:	1
Size:	80.4 KB
ID:	3685687
          J. Vance Tyree
          Administrator
          Armageddon Online Forums

          Comment


          • #6
            Try adding this to additional.css

            Code:
            .postbit-lite {
            background: black !important;
            }
            
            
            .postbithead {
            background: black !important;
            }

            Comment


            • #7
              This seems to have done the trick. Thanks!
              J. Vance Tyree
              Administrator
              Armageddon Online Forums

              Comment


              • #8
                Originally posted by BirdOPrey5 View Post
                Try adding this to additional.css

                Code:
                .postbit-lite {
                background: black !important;
                }
                
                
                .postbithead {
                background: black !important;
                }

                Awesome I thought I give it a try too. Now to figure out how to change the text white in Social Groups only?
                Mr_Running
                You Could Live a Long Time: Are you Ready to Run?

                For the improvement of social groups, please add tags, attachments, infractions, reputation, moderation tools, notifications, thread read marking, group discussions in What's new, category permissions and subcategories.
                More improvements: http://tracker.vbulletin.com/browse/VBIV-8784

                Comment


                • #9
                  Add a color definition to the CSS code above. Good rule of thumb is to add color whenever you change the background and vise versa.
                  Translations provided by Google.

                  Wayne Luke
                  The Rabid Badger - a vBulletin Cloud demonstration site.
                  vBulletin 5 API

                  Comment


                  • #10
                    Originally posted by Wayne Luke View Post
                    Add a color definition to the CSS code above. Good rule of thumb is to add color whenever you change the background and vise versa.
                    I played around with it but I could not figure out the CSS code to make it work. (white text)
                    Mr_Running
                    You Could Live a Long Time: Are you Ready to Run?

                    For the improvement of social groups, please add tags, attachments, infractions, reputation, moderation tools, notifications, thread read marking, group discussions in What's new, category permissions and subcategories.
                    More improvements: http://tracker.vbulletin.com/browse/VBIV-8784

                    Comment


                    • #11
                      Code:
                      .postbit-lite {
                      color: white !important;
                      background: black !important;
                      }
                      
                      
                      .postbithead {
                      color: white !important;
                      background: black !important;
                      }

                      Comment

                      Related Topics

                      Collapse

                      Working...
                      X