Public Forums 71,145 posts

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#194522

Hi!

I understand how to remove the text that shows on the slideshow. But how do I take away the “box/square” where the text is shown? I just want the slideshow to consist of photos.

(I have also tried to install Slideshow Lite and use that system instead, but then the slideshow turns up over the whole widht. I ttry to change the width and height but nothing happens.)

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#521612

You can modify the css file below:

Open modules/mod_jaslideshowlite/assets/css/mod_jaslideshowlite.css file

Change

.ja-ss-desc {
position: absolute;
left: 20px;
top: 48%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
width: 60%;
padding: 10px;
color: #000;
font-size: 12px;
line-height: 18px;
text-align: left;

-webkit-border-radius: 2px; /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);/* For IE 5.5 - 7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";/* For IE 8*/
background: rgba(255,255,255,.7);/* Modern browser */
}

To

.ja-ss-desc {
position: absolute;
left: 20px;
top: 48%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
width: 60%;
padding: 10px;
color: #000;
font-size: 12px;
line-height: 18px;
text-align: left;

-webkit-border-radius: 2px; /* Android = 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 2px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);/* For IE 5.5 - 7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";/* For IE 8*/
background: none;/* Modern browser */
}

[Author]

Posts