Un usuario preguntó 👇
¿Cómo agrego clases CSS a una sola imagen? Me gustaría enfocarme en una de mis imágenes florales en la página para compensarla un poco, pero no puedo asignar una clase a la imagen. ¿O hay un plugin de biblioteca de medios que agrega una variedad de «clases personalizadas» para que pueda completarlo cuando se cargue su imagen?
Este tema fue modificado hace 3 años, 1 mes por. Este tema fue modificado hace 3 años, 1 mes por.
(@kimwhite)
Hace 3 años, 1 mes
Cada imagen tiene su propia clase, basada en su identidad …
https://www.dropbox.com/s/riktcue4vrggfbw/Screenshot%202018-01-17%2020.33.41.png?dl=0
Código:
https://www.dropbox.com/s/pmqqomwgezg2tc4/Screenshot%202018-01-17%2020.30.55.png?dl=0
En este ejemplo, esta imagen recibió la clase «wp-image-1814». Cada vez que coloco esta imagen en una página a la que se adjuntó esa clase.
Esta respuesta fue modificada hace 3 años, hace un mes por. Lanzador de hilos
(@ varnia27)
Hace 3 años, 1 mes
Gracias Kim, tus capturas de pantalla, ¿de dónde sacas esta información?
(@kimwhite)
Hace 3 años, 1 mes
Las identificaciones: cerveza. Lo siento. Lo olvidé, estoy usando un plugin que me ayuda a ver las ID https://wordpress.org/plugins/catch-ids/
pero incluso sin el plugin, lo verá en el código que crea WordPress cuando inserta una imagen en una página o publicación.
Cuando edita una página, agregue una imagen a su página usando el botón «agregar medios». Después de haber hecho eso, busque en la pestaña de texto y verá todo el código.
Esta respuesta fue modificada hace 3 años, hace un mes por. Lanzador de hilos
(@ varnia27)
Hace 3 años, 1 mes
Gracias de nuevo, Kim, obtuve la identificación de la imagen.
en mi hoja de estilo agregué:
.alignnone .size-medium .wp-image-1367 {border: solid 1px pink! importante; }
Aquí hay solo una imagen de flores (imagen-1367) con un marco rosa, pero todavía no hubo suerte. No estoy seguro de cómo enfocar esta imagen.
Esta respuesta fue modificada hace 3 años, hace un mes por.
(@kimwhite)
Hace 3 años, 1 mes
quieres escribirlo de esta manera …
.alignnone.size-medium.wp-image-1367 {borde: rosa sólido de 1 px! importante; }
Además, no creo que necesites las otras clases … a menos que sea tu único medio.
.wp-image-1367 {borde: rosa sólido de 1px! importante; }
(@kimwhite)
Hace 3 años, 1 mes
y lo más probable es que no necesite las cosas importantes.
¿Solucionó tu problema??
0 / 0