Tip: How to make member list page Stand Out?

[Bernard Lama]

Example Preview:

How to make member list page Stand Out? 

Instructions: Please download the below attachment and simply copy and paste the code into Advance CSS Box. If you can't find the attachment, then see my reply below.

 

 

[Bernard Lama]

Here is the code..

/*START HOW TO MAKE MEMBER LIST PAGE STAND OUT */
.xg_list_members_feature{-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
box-shadow: 5px 5px 10px #000000;
filter: progid: DXImageTransform.Microsoft.Shadow(strength = 5, direction = 135, color = '#000000');
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffe17a', endColorstr = '#ffd973');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffe17a', endColorstr = '#ffd973')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffe17a, #ffd973);
background-image: -ms-linear-gradient(top, #ffe17a, #ffd973);
background-image: -o-linear-gradient(top, #ffe17a, #ffd973);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffe17a), to(#ffd973));
background-image: -webkit-linear-gradient(top, #ffe17a, #ffd973);
background-image: linear-gradient(top, #ffe17a, #ffd973);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
}
.members_list.easyclear{-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
box-shadow: 5px 5px 10px #000000;
filter: progid: DXImageTransform.Microsoft.Shadow(strength = 5, direction = 135, color = '#000000');
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffe17a', endColorstr = '#ffd973');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffe17a', endColorstr = '#ffd973')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffe17a, #ffd973);
background-image: -ms-linear-gradient(top, #ffe17a, #ffd973);
background-image: -o-linear-gradient(top, #ffe17a, #ffd973);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffe17a), to(#ffd973));
background-image: -webkit-linear-gradient(top, #ffe17a, #ffd973);
background-image: linear-gradient(top, #ffe17a, #ffd973);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
}
/*END HOW TO MAKE MEMBER LIST PAGE STAND OUT */

[anas patla]

is it wrk in old theme editor?

[Bernard Lama]

It works perfectly ///

[xmem12]

ese es un  codigo largooo  y el nuebo editorr  no resive mucho k digamos como el viejo  eso es mi problema 

[Nisanth Satheesh+One Man Only+]

nice tip