Avisos
Vaciar todo
Buenas noches.
Mi sitio web tiene como elemento principal un blog, el cual se encuentra en fase muy embrionaria.
La URL de la portada de mi sitio web es
https://ocioybelleza.com/
aunque actualmente se encuentra en fase de "Construcción/Mantenimiento".
Cuando inserto una imagen en una entrada el código HTML correspondiente es algo parecido a lo siguiente
[caption id="attachment_435" align="alignnone" width="2560"]<img class="size-full wp-image-435" src="https://ocioybelleza.com/wp-content/uploads/2021/06/20210702_144338-scaled.jpg" alt="" width="2560" height="1440" /> Campo de golf en Novo Sancti Petri[/caption]
Todo comprensible excepto que no sé cómo modificar a mi gusto el formato del texto del pie de imagen (en este caso dicho texto es "Campo de golf en Novo Sancti Petri").
Creo saber cómo se define el formato de texto por defecto mediante CSS adicional del tema (Lovecraft en mi caso) mediante algo así como
body {
font-family, nombre de la fuente a utilizar (Arial, Courier,…).
font-size, tamaño de la fuente
font-style, estilo de la fuente (negrilla, itálica u oblicua).
color, para indicar el color del texto.
text-align, para alinear el texto (left, right, center o justify).
text-decoration, añade decoraciones al texto, como subrayado, tachado,…
}
pero no sé cómo hacer algo parecido para el formato de texto por defecto del pie de imagen .
Si pudierais orientarme os estaría agradecido.
Contenido solo visible a usuarios registrados
Respondido : 18/07/2021 10:21 pm
Hola Miguel Ángel,
En este caso si es indispensable que podamos ver el post para darte indicaciones pero tu sitio esta en modo mantenimiento, ademas no podemos proveerte de un codigo a medida pero si podemos orientarte en base a lo que estas estructurando.
Envianos la URL del post que deseas editar su imagen y una referencia de lo que deseas lograr y con gusto lo revisamos.
Saludos!
Respondido : 18/07/2021 11:57 pm
@bruno-vichetti Buenos días.
He desactivado provisionalmente el "Modo mantenimiento/construcción)".
La URL en cuestión es
https://ocioybelleza.com/la-belleza-de-la-costa-de-chiclana-cadiz/
A la primera imagen no le he puesto texto en el pie de foto, pero de la segunda (Campo de golf en Novo Sancti Petri) en adelante sí que lo he puesto. Me gustaría saber cómo puedo modificar a mi gusto Y POR DEFECTO el formato del texto del pie de imagen.
Creo saber cómo se define el formato de texto por defecto mediante CSS adicional del tema (Lovecraft en mi caso) mediante algo así como
body {
font-family, nombre de la fuente a utilizar (Arial, Courier,…).
font-size, tamaño de la fuente
font-style, estilo de la fuente (negrilla, itálica u oblicua).
color, para indicar el color del texto.
text-align, para alinear el texto (left, right, center o justify).
text-decoration, añade decoraciones al texto, como subrayado, tachado,…
}
pero no sé cómo hacer algo parecido para el formato de texto por defecto de los pies de imagen.
Respondido : 19/07/2021 7:58 am
Hola Miguel Angel.
Tienes la web en mantenimiento, necesitamos que la tengas activa para poder revisarlo.
En este enlace tienes una guía de como trabajar con el inspector de elementos del navegador para identificar las clases de cada elemento:
-> https://soporteforo.webempresa.eu/guia/como-usar-el-inspector-de-elementos-del-navegador/
Un saludo
Respondido : 19/07/2021 9:14 am
Hola Miguel Ángel.
Puede ser algo parecido a esto:
.wp-caption-text {
font-size:20px;
font-family:'Playfair Display', 'Georgia', serif;
font-style:oblique;
color:red;
text-align:center;
text-decoration:overline;
}
Tienes documentación de esas clases en estos enlaces:
-> https://developer.mozilla.org/es/docs/Web/CSS/font-size
-> https://developer.mozilla.org/es/docs/Web/CSS/font-family
-> https://developer.mozilla.org/es/docs/Web/CSS/font-style
-> https://developer.mozilla.org/es/docs/Web/CSS/text-decoration
En este enlace tienes una tabla de colores:
-> https://htmlcolorcodes.com/es/
Puedes añadir el código en apariencia -> Personalizar -> CSS Adicional.
Un saludo
Respondido : 19/07/2021 10:17 am
@pepesoler Hola de nuevo.
He introducido (*) en el CSS adicional del tema (Lovecraft) y sigo sin poder cambiar a mi gusto el texto por defecto de los pies de las imágenes.
(*)
.wp-caption-text {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue'
font-size:10px;
color: #151515;
text-align:center;
}
Si cambio, por ejemplo, 'font-size' de 10 px a otro tamaño (por ejemplo 14px) no se modifica el formato del texto por defecto de los pies de las imágenes.
Respondido : 19/07/2021 5:23 pm
Hola Miguel,
En ocasiones luego del numero o el comando debes insertar un !important para que este se superponga al valor por defecto aplicado en el css inicial, el codigo seria algo asi:
.wp-caption-text {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue'
font-size:14px !important;
color: #151515;
text-align:center;
}
Este ejemplo solo lo aplique al tamaño del texto debes aplicarlo al resto.
Un saludo 🖐️
Respondido : 19/07/2021 5:32 pm
@argenis En principio introduje el código
.wp-caption-text {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue' !important;
font-size:14px !important;
color: #151515 !important;
text-align:center !important;
}
y no me funcionaba. Luego me di cuenta de que la 'font-family' (justo antes del '!important') no acababa en ';'. Lo corregí quedando
.wp-caption-text {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue'; !important;
font-size:14px !important;
color: #151515 !important;
text-align:center !important;
}
y así sí funciona 🙂
Gracias.
Respondido : 19/07/2021 6:27 pm
Hola Miguel Angel,
Enhorabuena has logrado añadir la configuración que necesitabas.
Coméntanos si con esto podemos dar el tema como solucionado
Un Saludo 😊
Respondido : 19/07/2021 6:32 pm
Hola Miguel Angel,
Enhorabuena, siempre es un placer poder ayudarte
Escríbenos si tienes cualquier otra consulta
Un Saludo 😊
Respondido : 19/07/2021 6:48 pm
