Un usuario preguntó 👇
Hola,
¿WordPress admite la propiedad fuera del formato CSS?
Soy relativamente nuevo en CSS y quiero crear un texto circular alrededor de un archivo de imagen PNG con un fondo transparente.
Tengo esto funcionando en Dreamweaver, pero cuando voy a cambiar el CSS al CSS adicional en el Personalizador, la imagen se ajusta de la forma estándar.
Podría estar haciendo algo estúpido, así que solo tenía una guía / seguridad de que lo que quería se podía lograr.
(También estoy usando el plugin Gutenberg si corresponde)
Gracias.
(@sterndata)
Moderador del foro y voluntario del equipo de apoyo
Hace 2 años, 3 meses
La forma correcta de hacer esto es asignar una clase a la imagen y luego, en CSS (o CSS personalizado) para su sitio, agregaría el CSS al modelado de esa clase.
(@howdy_mcgee)
Hace 2 años, 3 meses
Si observa la fuente de la página en la que se muestra, ¿elimina alguno de sus CSS? Las propiedades CSS generalmente no son compatibles con navegadores que no sean WordPress. ¿Podría publicar su SEC para ayudarnos a replicar el problema? También puedes replicar todo JSFiddle o algo similar
Lanzador de hilos
(@ 54degnorth)
Hace 2 años, 3 meses
La SEC que probé fue:
.round {float: left; altura: 150px; ancho: 150px; forma exterior: círculo (50%); }
Esto parece funcionar bien en Dreamweaver, pero en CSS personalizado / adicional, aparece un error de «forma» de propiedad desconocida con un signo de exclamación naranja en el margen izquierdo, incluso antes de publicar el CSS. (Espero estar haciendo algo estúpido)
Estoy usando Chrome versión 70.0.3538.102 (compilación oficial) (64 bits) en Windows 10 (64 bits).
(@sterndata)
Moderador del foro y voluntario del equipo de apoyo
Hace 2 años, 3 meses
Esto parece ser un problema con el analizador CodeMirror.
Intentalo shape-outside: circle(); y ver si le gusta eso.
Lo usé en un sitio, pero no usé la personalización; Puse el CSS directamente en el style.css del tema
Lanzador de hilos
(@ 54degnorth)
Hace 2 años, 3 meses
Cambié la SEC a:
.round img {flotador: izquierda; altura: 150px; ancho: 150px; forma exterior: círculo (50%); caja de sombra: ninguna; -moz-box-shadow: uno; -webkit-shadow-box: ninguno; }
Esto todavía da el error en el Personalizador, sin embargo, si publico CSS de todos modos, es correcto en el navegador.
Muchas gracias por tu ayuda @sterndata y @howdy_mcgee
¿Solucionó tu problema??
0 / 0