Joomla Templates Club 406,261 posts

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

#1026774

Hi
To make the full-width slideshow add below code in custom.css file

.ja-slideshow .container {width:100%;}

You can replace the images with your images in the slideshow without any Text on it.
save and check.

Regards

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1026845

hi there…how to manage the image?

and i do not want to show the default background. i just want the image i upload to be shown.

thanks

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1026847

also, what’s the height and width for the default slideshow?

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

#1026855

Hi
Please ask the question one by one.
For the slideshow open the slideshow module and select your images in it,
The slideshow width is full width.
Here
is complete documentation helps you to change the background image of the slideshow and configuration of the slideshow.

Regards

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1026857

any other slideshow module will fit the mobile devices better?

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

#1026858

Hi
if you will not use the heading text, the slideshow can show fine in small devices.
Beside it you can also try bootstrap slideshow in custom html module.
Here is an example.
Kindly set the default editor to NONE from system> global configurations, before edit the custom html module.
Let me know with Page URL if you have any issue in mobile.

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1026873

This reply has been marked as private.

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

#1026907

Hi
replace the older code with this code

.ja-slideshow .container {width:100%;padding: 0px!important;}

It will also work for the mobile view and there is no padding now.

Regards

[moody Friend moodyJoin date: April 2017Posts: 186Downloads:45Uploads:40 Thanks: 1 Thanked: 1 times in 1 posts]

#1026923

Thanks a lot

[Author]

Posts