Docs    Facebook    Customizations

Change Border Color Around Post Box on Hover (3D Effect)

Create a “3D” effect on the post box when the visitor hovers over it with the mouse.

CSS:

This snippet creates a 5px black border around the Post.

#cff .cff-item.cff-box {
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

This snippet creates a 1 pixel gray border around the Post on hover giving a 3D effect.

#cff .cff-item.cff-box:hover {
box-shadow: 0 0 0 1px gray;
-moz-box-shadow: 0 0 0 1px gray;
-webkit-box-shadow: 0 0 0 1px gray;
}

The red number is the size of the shadow

The blue number is the opacity or “darkness” of the shadow

support

Couldn’t find your answer in the docs?

Contact Support