Side effect in postbit background color

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • bootsie1
    Senior Member
    • Jun 2017
    • 150
    • 5.3.x

    [Bug / Issue] Side effect in postbit background color

    I came across this by accident while changing the postbit background from single color to a gradient this also affected the way upcoming event is displayed like pic below
    Click image for larger version

Name:	br.png
Views:	303
Size:	36.6 KB
ID:	4390288
    I am not saying this is a bad thing as it makes the event stick out a little perhaps the events background should have its own stylevar jira created
    Cometbar

    DartsLeague
  • Wayne Luke
    vBulletin Technical Support Lead
    • Aug 2000
    • 74161

    #2
    Creating a style variable for an edge case like this defeats the purpose of style variables. That is to create a quick and simple interface for changing colors. Ideally, you should only have to change 10 or 15 style variables to create a basic style. In cases like this, you should use CSS to override the more specific area of the event if you do not like the output.
    Translations provided by Google.

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

    Comment

    • bootsie1
      Senior Member
      • Jun 2017
      • 150
      • 5.3.x

      #3
      As i said it is not a bad thing as i happen to like the effect it produces but others may not.
      At the moment i am working on a very complex theme that requires about 85% of the stylevars to be edited it also uses a lot of css which is slightly difficult as i am just starting to learn css and some may not know to add the correct css code this is where i use the developer tools in firefox to find the code i need to use.
      Case in point to fix the issue above i added this code to css.additional.css
      Code:
      .b-event__cell--label {
          background: #C8CCCE;
          color: #FF0000;
          border-bottom: 1px solid #C8CCCE;
              border-bottom-color: rgb(200, 204, 206);
          border-bottom-color: #ef1313;
          font-weight: bold;
          white-space: nowrap;
      }
      which worked for me
      Cometbar

      DartsLeague

      Comment

      • Wayne Luke
        vBulletin Technical Support Lead
        • Aug 2000
        • 74161

        #4
        Using Inspect Element and digging through the code is how Support Staff has to come up with CSS for customers. We don't have a list available that includes every single element.
        Translations provided by Google.

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

        Comment

        • bootsie1
          Senior Member
          • Jun 2017
          • 150
          • 5.3.x

          #5
          Originally posted by Wayne Luke
          Using Inspect Element and digging through the code is how Support Staff has to come up with CSS for customers. We don't have a list available that includes every single element.
          yes it is a very handy tool to have

          Cometbar

          DartsLeague

          Comment

          Related Topics

          Collapse

          Working...