Joomla Templates Club 406,261 posts

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#726202

Hi

I hope its the last post 😉
But where can i find the CSS-Snippet to change the background-color (in the beginning) of the loading tile?
And: i changed the loading.gif with a smaller one, but it is still the same size. Something blows it up.

Thank you
Chris

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#754756

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#754794

Hi tom and thank you

The URL is:

http://tisato.komekom.ch

Cheers
Chris

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#754837

When I opened your site (via the link below), the opening “tile” sequence did not occur?

Did you disable it? :confused:

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#755058

Thank you tom, and sorry

Yes. I’ts disabled on frontpage but enabled in different other Category-Pages.
For Example

http://tisato.komekom.ch/index.php/kommunikation/amt-fuer-gesellschaft-ar

Cheers
Chris

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#755137

Thank you tom, and sorry

Yes. I’ts disabled on frontpage but enabled in different other Category-Pages.
For Example

http://tisato.komekom.ch/index.php/kommunikation/amt-fuer-gesellschaft-ar

Cheers
Chris

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#756523

<em>@galbur 503268 wrote:</em><blockquote>Thank you tom, and sorry

Yes. I’ts disabled on frontpage but enabled in different other Category-Pages.
For Example

http://tisato.komekom.ch/index.php/kommunikation/amt-fuer-gesellschaft-ar

Cheers
Chris</blockquote>

You can find see the image and css to load when you click on the article

Open templates/ja_fixel/local/css/themes/light/template.css file

find and change


.ajax-indicator {
background: url("../../../../images/ajax-indicator-big.gif") no-repeat center center;
background-size: 128px 128px;
height: 128px;
left: 50%;
margin: -64px 0 0 -64px;
overflow: hidden;
position: absolute;
top: 50%;
text-indent: -9999em;
width: 128px;
}

.ajax-indicator {
background-image: url("../../../../images/themes/light/ajax-load.gif");
}

to


.ajax-indicator {
background-image: url("../../../../images/themes/light/ajax-load.gif") no-repeat center center !important;
background-size: 128px 128px;
height: 128px;
left: 50%;
margin: -64px 0 0 -64px;
overflow: hidden;
position: absolute;
top: 50%;
text-indent: -9999em;
width: 128px;
}
.ajax-indicator {
background-image: url("../../../../images/themes/light/ajax-load.gif") !important;
}

with image path: templates/ja_fixel/images/themes/light/ajax-load.gif

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#756556

Thank you very much

So, i shrinked the loader.gif. it looks fine. Now ist only this black semi-transparent background that appears for a second that disturbs me. Wher can i change this colour?

Best
Chris

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#756602

<em>@galbur 503799 wrote:</em><blockquote>Thank you very much

So, i shrinked the loader.gif. it looks fine. Now ist only this black semi-transparent background that appears for a second that disturbs me. Wher can i change this colour?

Best
Chris</blockquote>

You can change the highlight text below

Open templates/ja_fixel/local/css/themes/light/template.css file and see it

.fixel-grid .items.poping article:before {
background: #000 ;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
opacity: 0.8;
filter: alpha(opacity=80);
}

[Author]

Posts