
ramonjosegn
Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario popular!
Hola
En vista de que Shortcodes Lizatom genera muchos problemas con mi theme, estoy intentando usar el código CSS de los frames (para no perder mi dinero)
Sin embargo estoy intentando aplicarlo pero me fallan las sombras interiores, las cuales deberían quedar como las tengo en esta imagen
Acceso para Retirar Paypal » TuDineroEfectivo - Paypal a Efectivo
No sé qué estoy haciendo mal porque todo se muestra menos esas sombras a los dos lados inferiores, también si alguien me dice cómo insertar el código CSS de forma sencilla, sería genial
El código CSS que viene en Lizatom es el siguiente
/*====================================================================================================
* F R A M E F R A M E *
=====================================================================================================*/
/*.lizatom-box-wrapper img { border: 1px solid Enlace eliminado background: Enlace eliminado padding: 6px; }*/
/* Shared styles */
.lizatom-box-wrapper { position:relative; z-index:1; margin:0 auto; }
.lizatom-box-wrapper:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
.lizatom-drop-shadow { position:relative; float:left; margin: 0.8em; padding: 5px 5px 3px 5px !important; background:Enlace eliminado
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.lizatom-drop-shadow.lizatom-simple { margin-top: 0; margin-bottom: 10px; }
.lizatom-drop-shadow:before,
.lizatom-drop-shadow:after { content:""; position:absolute; z-index:-2; }
.lizatom-drop-shadow p { font-size:16px; font-weight:bold; }
/* Lifted corners */
.lizatom-lifted {
-moz-border-radius:4px;
border-radius:4px;
}
.lizatom-lifted:before,
.lizatom-lifted:after {
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.lizatom-lifted:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
.lizatom-raised {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
---------------------
ya he intentado con dos divs con diferentes CSS y nada de nada... no hay rastro de las sombras inferiores...
En vista de que Shortcodes Lizatom genera muchos problemas con mi theme, estoy intentando usar el código CSS de los frames (para no perder mi dinero)
Sin embargo estoy intentando aplicarlo pero me fallan las sombras interiores, las cuales deberían quedar como las tengo en esta imagen
Acceso para Retirar Paypal » TuDineroEfectivo - Paypal a Efectivo
No sé qué estoy haciendo mal porque todo se muestra menos esas sombras a los dos lados inferiores, también si alguien me dice cómo insertar el código CSS de forma sencilla, sería genial
El código CSS que viene en Lizatom es el siguiente
/*====================================================================================================
* F R A M E F R A M E *
=====================================================================================================*/
/*.lizatom-box-wrapper img { border: 1px solid Enlace eliminado background: Enlace eliminado padding: 6px; }*/
/* Shared styles */
.lizatom-box-wrapper { position:relative; z-index:1; margin:0 auto; }
.lizatom-box-wrapper:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
.lizatom-drop-shadow { position:relative; float:left; margin: 0.8em; padding: 5px 5px 3px 5px !important; background:Enlace eliminado
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.lizatom-drop-shadow.lizatom-simple { margin-top: 0; margin-bottom: 10px; }
.lizatom-drop-shadow:before,
.lizatom-drop-shadow:after { content:""; position:absolute; z-index:-2; }
.lizatom-drop-shadow p { font-size:16px; font-weight:bold; }
/* Lifted corners */
.lizatom-lifted {
-moz-border-radius:4px;
border-radius:4px;
}
.lizatom-lifted:before,
.lizatom-lifted:after {
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.lizatom-lifted:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
.lizatom-raised {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
---------------------
ya he intentado con dos divs con diferentes CSS y nada de nada... no hay rastro de las sombras inferiores...