Announcement

Collapse
No announcement yet.

Working indicator color

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Working indicator color

    To change the color of the working indicator just insert the following code in the additional.css

    Code:
    .b-ajax-loading-indicator {
        box-sizing: border-box;
        min-width: 180px;
        position: fixed;
        top: 10px;
        left: 50%;
        margin-left: -90px;
        background-color: #4b86e5;
        border: 1px solid #b6b6b6;
        border-radius: 3px;
        padding: 7px;
        color: #000;
        font-size: 0.6875rem;
        font-weight: bold;
       color: #db2104;
        text-align: center;
        z-index: 99999;
    }
    changing background-color: #4b86e5; and color: #db2104; to suit your needs
    Wise men say nothing Fools never listen

    #2
    Thanks for sharing but you don't have to include the other CSS properties that are already defined by default. This should be enough if only to change the colors.

    Code:
    .b-ajax-loading-indicator {
        background-color: #fcf1ae;
        border: 1px solid #b6b6b6;
        color: #000;
    }
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3
      And the upcoming vB version 5.4.2 might have the style variables to change the colors of the Working indicator. In that case, you don't even need to add custom CSS.
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


        #4
        hi as i am not very technical minded can somebody elaborate
        color of the working indicator

        as i paste the code above on css editor i don't see any change what is
        working indicator?
        thanks
        voyger.: In Almighty God I trust, everyone else has to provide evidence."

        Comment


          #5
          The working indicator is not always present. You will see it at the top middle section of the browser when the forums process is taking longer than normal. it is about a half inch in height and 2 inches wide by default, the background is yellow and the font is black. See below.

          Click image for larger version  Name:	Untitled.png Views:	1 Size:	7.0 KB ID:	11101

          Comment


            #6
            Originally posted by glennrocksvb View Post
            Thanks for sharing but you don't have to include the other CSS properties that are already defined by default. This should be enough if only to change the colors.

            Code:
            .b-ajax-loading-indicator {
            background-color: #fcf1ae;
            border: 1px solid #b6b6b6;
            color: #000;
            }
            I actually had a second look at the code when i answered the question in 5.4.2 feedback forum and made a change to the code to something like
            Code:
             [COLOR=#ce9178].[/COLOR][COLOR=#000000]b-ajax-loading-indicator {
              background-color: black;
              color: gold;
              }[/COLOR]
            although not with the color values here these are the ones i use
            Wise men say nothing Fools never listen

            Comment


              #7
              No longer required in Vb 5.4.3 has its own stylevars now
              Wise men say nothing Fools never listen

              Comment

              Users Viewing This Page

              Collapse

              There is 1 user viewing this forum topic.

              • Guest Guest

              Latest Posts

              Collapse

              Working...
              X
              Searching...Please wait.
              An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

              Please push the back button and reload the previous window.'
              An unexpected error was returned: 'Your submission could not be processed because the token has expired.

              Please push the back button and reload the previous window.'
              An internal error has occurred and the module cannot be displayed.
              There are no results that meet this criteria.
              Search Result for "|||"