Classic Feature Box Overlay

Support
#1

hi please is anyone can help. I would like to to have a red color overlay on the whole classic feature box when hover with mouse.

Can anyone let me know the css or how i can achieve this

thanks

#2

Hi Rexneel,

Thank you for writing in, to do that, first add a CLASS overlay to the Classic Feature Box



And then add this to the Page’s > CSS area

.x-feature-box.overlay:hover {
  background-color: rgba(255, 17, 0, 0.5); /* Black background with opacity */
  -webkit-transition: background 1s; /* Safari prior 6.1 */
  transition: background 1s;
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!

#3

Thank you much for your help

#4

You are most welcome!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.