Hover background colour on big grid 1

Posted in: Newspaper
Post count: 22
Shay
#204978
Dec 4, 2017 at 6:00 pm

Hi,

Currently the default hover colour on big grid 1 has a dark grey tint over the images. Is there any way to change to a white tint when hovered?

Thanks!

Post count: 20688
Simion C.
#205181
Dec 5, 2017 at 2:41 pm

Hi,

The big grid styles can be seen here in the demo
– https://demo.tagdiv.com/newspaper/big-grid-1/
On hover there is only a zoom effect, the gradient you mention is always present. This gradient color could be changed with some CSS. Like this for example, for the default big grid style
– https://www.screencast.com/t/hvAEtKIY
This is the code used, enter it in Theme panel->Custom CSS if you decide to use it
– https://pastebin.com/WUJi7twf

Thanks

Post count: 22
Shay
#205444
Dec 6, 2017 at 11:26 am

Hi Simion,

What i mean is not a permanent white gradient at the bottom of each tile..
I wish to achieve a translucent white background effect when mouse hovers over each of the tiles in Big Grid 1.

Can advise on this please?

Thanks!

Post count: 22
Shay
#205470
Dec 6, 2017 at 12:04 pm

To add on: the kind of hover effect that I am looking for will be similar to the Instagram feed hover (with a faint white colour effect when hovered), without the borders.

Post count: 20688
Simion C.
#205549
Dec 6, 2017 at 3:14 pm

Hi,

Maybe something like this, try this code

.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:before {
background-color: rgba(255,255,255,.1);
}

Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.