Joomla Templates Club 406,261 posts

[imported_lorenzoadorni Friend imported_lorenzoadorniJoin date: May 2015Posts: 98Downloads:32Uploads:27 Thanks: 23]

#1065269

Hello,

Is possible to have the arrow for navigation of the each slide of slideshow?

url:http://www.maximal.it/nuovosito/index.php?lang=it

Thank’s

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1065380

Hi
Slideshow already have the navigation button in the left and right side http://prntscr.com/gsjr3a
Of thumbnail, you have custom work in the custom.css file that changes the slideshow style and images are transparent or in white color, this is why its not visible.

Regards

[imported_lorenzoadorni Friend imported_lorenzoadorniJoin date: May 2015Posts: 98Downloads:32Uploads:27 Thanks: 23]

#1065454

Hello,

1 – There is a code to set another color to the arrow so I can see it?

2- There is a code to resize the image in the thumb so it can be 100%t thumb dimension?

Thank’s

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1065456

Hi
Add this code in custom.css file for image resize

.slideshow .swiper-thumbs-wraper .swiper-thumbs .item-image img {
    max-width: 100%!important;
}

For navigation button code use this code

.slideshow .swiper-thumbs-wraper .swiper-button-white.swiper-button-prev {
    color: #000;
}
.slideshow .swiper-thumbs-wraper .swiper-button-white.swiper-button-next {
    color: #000;
}

Regards

[imported_lorenzoadorni Friend imported_lorenzoadorniJoin date: May 2015Posts: 98Downloads:32Uploads:27 Thanks: 23]

#1065462

As you can see : http://www.maximal.it/nuovosito/index.php?lang=it

1- code for image in the thumb not work.
How can I solve?

2 – code for navigation button works

[imported_lorenzoadorni Friend imported_lorenzoadorniJoin date: May 2015Posts: 98Downloads:32Uploads:27 Thanks: 23]

#1065464

Here Screenshot

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1065469

Hi
You can use this code in custom.css

.slideshow .swiper-thumbs-wraper {
    bottom: 0px;}

before the value is 32px.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. imported_lorenzoadorni

[Author]

Posts