Joomla Templates Club 406,261 posts

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#191694

Hello

I have set the thumbnail width and height both at 0, however, there are still some white blocks above the blue circles. Is there any method to show only those blue circles but not the thumbnail at the same time? Thanks!

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

#510349

It would be great if you can include url of your site, an illustrated screenshot of what you are trying to achieve, It would help to understand the issue and give you specific answers.

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#510597

Hi Ninja!

Just want to keep the fancy blue circle but not the white thumbnail. Thanks!

---

Attachments:

1. 
2. 

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

#510662

You can hide it by css style as below

Open templates/ja_beranis/css/mod_jaslideshowlite.css file

from


.ja-ss-thumbs .ja-ss-thumb img {
display: block;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
position: absolute;
top: -75px;
left: -10px;
padding: 5px;
background: #fff;
max-width: none !important;
}


change to


.ja-ss-thumbs .ja-ss-thumb img {
display: block;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
position: absolute;
top: -75px;
left: -10px;
padding: 5px;
background: #fff;
max-width: none !important;
display: none;
}


1 user says Thank You to Ninja Lead for this useful post

1. imported_skillfulken

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#510723

It works great! Thanks Ninja!

Can I also not display the white triangle?

---

Attachments:

1. 

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

#510820

Here is solution:

Open templates/ja_beranis/css/mod_jaslideshowlite.css file

From


.ja-ss-thumbs .ja-ss-thumb:hover span:before {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
position: absolute;
margin-left: 5px;
top: -5px;
}


Change to

.ja-ss-thumbs .ja-ss-thumb:hover span:before {
content: "";
width: 0;
height: 0;
}

1 user says Thank You to Ninja Lead for this useful post

1. imported_skillfulken

[skillfulken Friend skillfulkenJoin date: August 2013Posts: 78Downloads:159Uploads:26 Thanks: 1 Thanked: 5 times in 1 posts]

#511214

Hi Ninja

Done and it works great! Thanks for your help!

[Author]

Posts