Joomla Templates Club 406,261 posts

[wbwebbrand Friend wbwebbrandJoin date: May 2014Posts: 13Downloads:1Uploads:3]

#199319

hi, on the site I had to install ja slideshow lite because JA Slideshow Module does not fit all devices, in fact if I visualize the site on ipad, the slide is cut. So I was advised to install ja slideshow lite but it is not as wide as the width of the template, but it is closer. I inserted this code in custom.css file. Ja-slideshow.

.ja-slideshow .container {
padding: 60px 10px 0 10px;
width: auto;
}

but unfortunately nothing has changed

Can anyone suggest anything else?

JA Slideshow Module is located in the home page http://www.isap-piemonte.it/
while ja slideshow lite is located at this link

http://www.isap-piemonte.it/index.php?option=com_content&view=categories&id=92&Itemid=714

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#540815

Can you be a bit more specific as to exactly how you want your JA Slideshow Lite to display – height/width ??

[wbwebbrand Friend wbwebbrandJoin date: May 2014Posts: 13Downloads:1Uploads:3]

#541047

the problem is that the home page
http://www.isap-piemonte.it

I used ja slideshow and goes well with regard to the width but if I visualize the site on ipad image with the word gets smaller and is cut and not good. Under welfare courses at this link
http://www.isap-piemonte.it/index.php?option=com_content&view=categories&id=92&Itemid=714

I used ja slideshow lite and fits but the width is not the same as the slide of the homepage despite the image is the same size.
They suggested I write a custom.css file in which to place the code

. ja-slideshow. container {
padding: 60px 10px 0 10px;
width: auto;
}

but the slide has not changed width.

I have a monitor at 1920×1080

Can you help me solve this problem? Thank you

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#541457

Hi,

Please open file your_root_folder/templates/ja_biz/css/custom.css (if you don’t have this file, just create a new one), then add this code :

.t3-slideshow .main-container {
margin: 0;
}

Save your file and recheck.

[wbwebbrand Friend wbwebbrandJoin date: May 2014Posts: 13Downloads:1Uploads:3]

#541827

perfect, thank you very much, now it works correctly but there is still a small problem, on your smartphone between the slide and the text below is a lot of space. I enclose a picture

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#541961

Hi,

The main slideshow should be disabled in Extra Small layout (the same way we implement demo site). I have logged in to your site back-end and update this part for you, please recheck.

[Author]

Posts