Joomla Templates Club 406,261 posts

[mazhar shah Friend mazhar shahJoin date: September 2014Posts: 201Downloads:132Uploads:37 Thanks: 37 Thanked: 8 times in 5 posts]

#966090

On the doctors page the listing boxes for the items all have a drop shadow when you hover the mouse over them.

What css class can I use to recreate this effect on other box containers on other joomla pages on my site`
<div CLASS????> some content

so if I hover over the box it gives the drop shadow effect.

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

#966222

Hi
The class used :catItemView

You can apply custom class and apply the style code for shadow via custom.css file .
Here is the code

.itemListView .itemListDoctors .itemContainer .catItemView:hover {
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    -webkit-transition: box-shadow 150ms;
    transition: box-shadow 150ms;
}

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

1. mazhar shah

[Author]

Posts