Screensaver " running cubes"

tyz-tref

Now I found that the screensaver "running cubes" which is displayed while the template page is loading - for some reason it was strongly transferred to the bottom of the page. It used to be visible at the top, and now they are below. Should I open a separate topic for this question or will you answer here?

Try it yourself, when you load the page you can see the black background of the template, and this screensaver is much lower than it should be. Unfortunately, I can't use the debugger in the browser because the page still loads to the end and I can't find which file is responsible for the output of this screen saver.

Joshua-M

Hi,

Try to add the following custom css code:

.ajax-indicator {
   top: 0;
}

You can adjust the top value to your needs - also use negative values like -200px;

Cheers
Joshua

tyz-tref

Joshua-M

Hey

The experiment failed. Here's what it says in template.css
.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: 20%;
text-indent: -9999em;
width: 128px;
}

If the top 20% parameter is used, the indicator in the figure ajax-indicator 2 is in its place. If the top 1% indicator in the figure ajax-indicator 3 went up. But I need to change the position of the indicator in the figure ajax-indicator.png

paulus1031

tyz-tref If the top 20% parameter is used, the indicator in the figure ajax-indicator 2 is in its place. If the top 1% indicator in the figure ajax-indicator 3 went up. But I need to change the position of the indicator in the figure ajax-indicator.png

Apologies for delay can I just check as I'm a bit unclear do you want to move the loading image down or up the page?

paulus1031

Can you double check the admin details?

As I can't reach the admin page

Thanks
Paul

tyz-tref

paulus1031 I'm sorry, the site is a component that hides the URL of the admin. I have specified the correct path, checked the username and password - everything works.

tyz-tref

paulus1031 Look at the position of the indicator on the main page - it is very low when the page is loading-it is not visible. I would like the indicator to be visible, for this it should be higher.

Joshua-M

Try to add the following custom css code:

.ajax-indicator {
left: 50%;
position: fixed;
top: 100px;
margin-left: -64px;
}

Cheers
Joshua

tyz-tref

Joshua-M

That's very confusing. What do you mean "custom css code"? This is the code that should be added to custom.css file or does it mean just arbitrary code?

Now in template.css is here such code

.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: 20%;
text-indent: -9999em;
width: 128px;

does it need to be redefined?

Joshua-M

Hi,
custom.css file should be used to add custom css modification, so the code from this file overrides other css rules.

In your case if you add this code into custom.css:

.ajax-indicator {
left: 50%;
position: fixed;
top: 100px;
margin-left: -64px;
}

These values will be used instead of the values from template.css - it's useful, because during future template update, your modifications from files like template.css (and other edited template files) will be lost.

Cheers
Joshua