Joomla Templates Club 406,261 posts

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#879579

On gcm.gpmnews.com when you hover on the link to one of the articles the intense blue overlay appears to help viewing of the article title in the Isotope view on homepage. How can I adjust it’s intensity / opacity?

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

#879583

Hi
Add below code in custom.css file and change the opacity value as per needs .

.articles-list.ja-isotope-wrap.packery .item:hover .article-img {
    opacity: 0.3;
}

Hope it helps .

1 user says Thank You to Pankaj Sharma for this useful post

1. gjc1

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#879770

Hi Pankaj,

In chrome I get a pale grey fog of the same intensity / opacity regardless of any number 0.1 to 0.9.
In Firefeox and Safari I get no change from the original Blue.

Maybe just changing color would work better?

Tim

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

#879774

Hi
yes you can also use this way . Or you need to apply use webkit filter for cross browser issues .As given here .
By default opacity does not defined in this part .

1 user says Thank You to Pankaj Sharma for this useful post

1. timtecsa

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#879850

I have set the Default templates to use the paler blue colour. Hopefully that will suffice.

Tim

[Author]

Posts