Cycle Slider

[zorky]

Hi! Help with this question. I need only one thing, that text (the title and description of slide) appeared much later than the picture. I don’t know where to edit. First picture, but after 10 seconds the text. Now it appears faster than I need. Thank you. https://yadi.sk/i/syAknTGEwCzTE

[7Theme Support]

Hi,

hm, hard to say what went wrong without seeing the source code. What theme do you use? Can you send us a link to your website? Do you use plugins?

[zorky]

Here is my website http://www.aromatoys.ru/
Topic Curls – slider standard. https://yadi.sk/i/kbvZ5K6BwFLpd
This is clearly somewhere in the js

[7Theme Support]

We checked it and there are 2 seconds for the slide transition (but this you can change in the settings) and 1 second for the headlines on the image / slide, therefore 3 seconds.

What browser do you use? Do it really need 10 seconds? Because after 5 seconds the slider change already to the next slide…

[zorky]

Not quite. I want the slides changed every 10 seconds (it really can be done in the settings) but the inscription appeared with a delay of about a second after the slide. Of course, this is not the main goal in life)) if it will not work – not scared, just interested. So was asked to do by the customer.
browser chrome

[7Theme Support]

Hi,

you can set the “time out” (the time between two slides) in WP admin -> Appearance -> Allslider Settings -> Cycle Slider -> Timeout. We tested it on our demo website and it’s working. The text is always hidden on non visible slides, and fade in on active slides. If you want to show it always, you can add this css code to your style.css file:

.cycle_element h2, .cycle_element h3, .cycle_element a {
display:block !important;
opacity:1 !important;
}

[zorky]

So this code on the contrary makes it so that appears once, but I have to increase the time before it appears.

[7Theme Support]

Ah, you want to add a delay to the text, i.e. slider change is done, than after 3,4 or 5 second the text appear. Right?

[zorky]

Yes – yes! 🙂

[7Theme Support]

Ok, please try this code:

.cycle_element h2, .cycle_element h3, .cycle_element a {
-webkit-transition-delay: 4s;
-moz-transition-delay: 4s;
-o-transition-delay: 4s;
-ms-transition-delay: 4s;
transition-delay: 4s;
}

“4s” in the code above means 4 seconds delay, you can change it also to “3s” or “5s”, a value of your choice

[zorky]

It’s great! And that first part of the sentence more slowly? This: https://yadi.sk/i/WldzO9tAwS9Sz

[7Theme Support]

Normally those customizations are not covered by free support!

.cycle_element h2 {
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-ms-transition: 2s;
transition: 2s;
}

[zorky]

I beg you again to help! Last one, I promise! It is necessary to reduce the distance between the headers: here https://yadi.sk/i/fkx6GFpuwth8r

[zorky]

.cycle_element h3 {
margin-top: -20px;

I got it

Sorry!

All its OK!

[7Theme Support]

Ok, great 🙂

[Author]

Posts