Pregunta sobre Arreglando WordPress de Wordpress:

Agregar clases CSS a las imágenes

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

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *