CODEWITHSUNDEEP
csswordpress
Usama Shabbier
Usama Shabbier

Reputation: 170

How to "Always" show an element, which is only visible on hover?

I'm trying to modify the "Quick View Feature". I want it to "always" display, without any hover effects.

I've tried using the opacity CSS but didn't work for me. 

.quick-view {
opacity: 1;
}

I want to achieve it with only CSS, Is it possible with only CSS?

Upvotes: 0

Views: 1560

Answers (2)

Manish Patel
Manish Patel

Reputation: 3674

It is show using transform css, So just remove transform form it's css.

.grid-tools.hover-slide-in {
    transform: none;
    opacity: 1;
}

Upvotes: 1

XaelGa
XaelGa

Reputation: 140

You have 3 options 1: Eliminate the the other css or javascript code that is modifying the element. (you can search it with the class name, id name or whatever in css or html).

2.= use display:

.quick-view {
display: block; /* can also use flex, or inline-block whatever*/
}

3.- use visibility:

.quick-view {
visibility: visible;
}

regards!

Upvotes: 1

Related Questions