[Jez-Timms]

Where is the CSS or set up for that message? I would like to just adjust the colour and size etc....

[Aleksey]

Hi, Jez!

The loading indicator styles are defined in a CSS file which is a part of LemonStand, so you cannot modify this file. But you can override styles in your website CSS files. Below is the original declaration of the loading indicator style:

.ajax_loading_indicator
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: black;
    font: bold 12px Arial,Tahoma,Verdana,Helvetica,sans-serif;
    margin: 0;
    z-index: 100000;
}

.ajax_loading_indicator span
{
    background: #FFD62B;
    display: block;
    width: 15em;
    margin: 0 auto;
    text-align: center;
    padding: 0.3em 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

Thanks

[Jez-Timms]

Well that is the CSS that I thought would do it and tried this before posting. But it does not override it.

This post has been edited by Jez-Timms: 08 September 2010 - 10:04 PM

[Aleksey]

Hi, Jez!

Weird. I just added the following code to the store CSS file:

.ajax_loading_indicator {
  font-size:20px !important;
}

and it works. Maybe you need to use !important for overriding default values?

[Jez-Timms]

Yup that did the trick :) :)