-
-
How can we change pagination of client logo section . I want move four logo on one click rather than single logo slide .
When click on next button scroll to next screen not next logo. can we change this . -
Hello,
Please go to file js/main.js and find these lines:
/*------------------------------ Clients Carousel ------------------------ */ function clientsCarousel(){ "use strict"; var $self = $('.clients_caro'); if($self.length){ $self.css('display', 'none'); $self.imagesLoaded(function(){ $self.css('display', 'block'); $self.carouFredSel( { items:4, auto: false, scroll: { items : 1 },Edit the
scroll: { items : 1 }value to your wish. if set to 4 it will scroll 4 items at one time.Best regards!
-
Hi Mihaila ,
Can we rewrite above function in child theme .I don’t want to change in parent theme .
-
where we can write above function in child theme . i write function in custom js in tower => general option but not working .
-
Hello,
This is Specular support forum. The above solution is tested in Specular theme.
Please be careful to write at your theme’s forum. So there will not be misunderstanding that could waste your time and ours.
Add the function just any other normal in child theme files (read more here). not in custom js box.Best regards!
-
Hello,
That’s a very good choice too. Thanks for sharing!
Best regards!
-
Hi Mihaila
Previously i change in client logo pagination . but there is problem in responsive resolutions.
Like it show :
Tab : show 3 logos on single row and i click on next icons ,pagination scroll 5 logos .
Mobile View : show 1 logos on single row and i click on next icons ,pagination scroll 5 logo .
what to do now . please help me . -
Hello,
Can you please post a link of your site? So we can give it a closer look.
Best regards!
-
-
Hello,
Please add this code into your custom css box:
@media (max-width: 480px){ .clients .item { width: 232px !important; margin-top: 8px !important; padding: 0px 68px !important; } section.row.clients.clients_caro { width: 300px !important; height: 585px !important; } .caroufredsel_wrapper { height: 585px !important;} } @media (max-width: 676px){ .clients_el:hover .pagination a.prev { opacity: 0;} .clients_el:hover .pagination a.next { opacity: 0;} .clients .item { width: 232px !important; margin-top: 8px !important; padding: 0px 160px !important; } section.row.clients.clients_caro { width: 300px !important; height: 585px !important; } .caroufredsel_wrapper { height: 585px !important;} }It will display clients as a block in mobile. Screenshot.
Best regards!
-
@media (max-width: 676px){
.clients_el:hover .pagination a.prev { opacity: 0;}
.clients_el:hover .pagination a.next { opacity: 0;}
.clients .item {
width: 232px !important;
margin-top: 8px !important;
padding: 0px 160px !important;
}In above media query , i don’t want hide pagination icon .Pls provide another solution .
can u give reason why pagination not working . -
Hello,
This is a customization not included in support service (since it’s a personal preference edit made to theme) Please read more regarding our Support Policy.
I helped you do that, but fixing the pagination for this new situation requires more code editing. This is all i can do for this case. If you must have the pagination too, then i suggest you to hire a developer to help you with that or do it yourself.Best regards!
-
You must be logged in to reply to this topic.