- Posts: 46
- Thank you received: 0
Timing of the intro slide
-
info9838
Active member - Topic Author
- Member
Less
More
2 years 2 months ago #49405
by info9838
Timing of the intro slide was created by info9838
Hi Milos,
Using CV template with joomla 4, I would like to know where I can change the timing of the top 1 slide intro?
Thanks,
Michael
Using CV template with joomla 4, I would like to know where I can change the timing of the top 1 slide intro?
Thanks,
Michael
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6686
- Thank you received: 709
2 years 1 month ago #49406
by milos
Replied by milos on topic Timing of the intro slide
Hello,
This is in the template file /media/templates/site/cv/css/custom.css (Joomla 4) or in file /templates/hot_cv/css/template_css.css (Joomla 3). Please find this part:
and edit the animation delay properties. They are given in seconds. So, if you want to increase it, change the values of 6s, 12s, 18s, 24s and 30s to 10s, 20s, 30s, 40s and 50s.
Regards,
Milos
This is in the template file /media/templates/site/cv/css/custom.css (Joomla 4) or in file /templates/hot_cv/css/template_css.css (Joomla 3). Please find this part:
Code:
.cb-slideshow li:nth-child(1) span {
background-image: url(../images/1.jpg)
}
.cb-slideshow li:nth-child(2) span {
background-image: url(../images/2.jpg);
animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
background-image: url(../images/3.jpg);
animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
background-image: url(../images/4.jpg);
animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
background-image: url(../images/5.jpg);
animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
background-image: url(../images/6.jpg);
animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
animation-delay: 30s;
}
and edit the animation delay properties. They are given in seconds. So, if you want to increase it, change the values of 6s, 12s, 18s, 24s and 30s to 10s, 20s, 30s, 40s and 50s.
Regards,
Milos
The following user(s) said Thank You: info9838
Please Log in to join the conversation.
Time to create page: 0.318 seconds