Announcement

Collapse
No announcement yet.

Side effect in postbit background color

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

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

  • #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 customization and demonstration site.
    vBulletin 5 Documentation - Updated every Friday. Report issues here.
    vBulletin 5 API - Full / Mobile
    I am not currently available for vB Messenger Chats.

    Comment


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


      • #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 customization and demonstration site.
        vBulletin 5 Documentation - Updated every Friday. Report issues here.
        vBulletin 5 API - Full / Mobile
        I am not currently available for vB Messenger Chats.

        Comment


        • #5
          Originally posted by Wayne Luke View Post
          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...
          X