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;
    }

    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.

      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
          If by chance some day you're not feeling well and you should remember some silly thing I've said or done and it brings back a smile to your face or a chuckle to your heart, then my purpose as your clown has been fulfilled ~ Red Skelton

          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:
             .b-ajax-loading-indicator {
              background-color: black;
              color: gold;
              }
            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

              Working...
              X