Public Forums 71,145 posts

[billrust Friend billrustJoin date: March 2011Posts: 121Downloads:35Uploads:13 Thanks: 15 Thanked: 3 times in 1 posts]

#191521

I would like to have a dark overlay on my site’s thumbnails. Site is built on JAT3 Blank.

http://hunt.bwpcommunications.com/portfolio

On this page are 9 thumbnails. When you hover over them you see the red border pop up. I woula also like the image to go a little darker. If I apply opacity, the rollover works, but the image gets lighter. I want it to get darker.

Any ideas?

Thanks!!!
Bill

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

#509665

You can customize it from css file

Open components/com_k2/css/k2.css file

From

div.subCategory a.subCategoryImage:hover img {
padding:0px;
margin:0 0px 0px -15px;
height:150px;
width:230px;
box-shadow: 0 0 0 3px #ce2241
/* opacity: 0.8; */
background:#000000;
}

Change to

div.subCategory a.subCategoryImage:hover img {
padding:0px;
margin:0 0px 0px -15px;
height:150px;
width:230px;
/* box-shadow: 0 0 0 3px #ce2241*/
opacity: 0.6;
background:#000000;
}

Don’t forget to clear cache from Admin area after making changes

[billrust Friend billrustJoin date: March 2011Posts: 121Downloads:35Uploads:13 Thanks: 15 Thanked: 3 times in 1 posts]

#510698

<em>@Ninja Lead 394501 wrote:</em><blockquote>You can customize it from css file

Open components/com_k2/css/k2.css file

From

div.subCategory a.subCategoryImage:hover img {
padding:0px;
margin:0 0px 0px -15px;
height:150px;
width:230px;
box-shadow: 0 0 0 3px #ce2241
/* opacity: 0.8; */
background:#000000;
}

Change to

div.subCategory a.subCategoryImage:hover img {
padding:0px;
margin:0 0px 0px -15px;
height:150px;
width:230px;
/* box-shadow: 0 0 0 3px #ce2241*/
opacity: 0.6;
background:#000000;
}

Don’t forget to clear cache from Admin area after making changes</blockquote>

Hey thanks for the reply, but we decided to ditch that idea. Forgot to come back here and check for reply 🙁

Thanks though!!!

Bill

[Author]

Posts