Avisos
Vaciar todo

[Resuelto] Formato de texto por defecto del pie de imagen  

 
Miguel Ángel
 Miguel Ángel
Estimable Member

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
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Miguel Ángel
 Miguel Ángel
Estimable Member

@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
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Miguel Angel.

Tienes la web en mantenimiento, necesitamos que la tengas activa para poder revisarlo.

screenshot ocioybelleza.com 2021.07.19 10 10 39

 

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

Cursos Gratuitos WordPress

Miguel Ángel
 Miguel Ángel
Estimable Member

@pepesoler Ya he desactivado el Modo de mantenimiento.

Respondido : 19/07/2021 9:49 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

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

wpdoctor-revisa-la-salud-de-tu-wordpress

Miguel Ángel
 Miguel Ángel
Estimable Member

@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
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Miguel Ángel
 Miguel Ángel
Estimable Member

@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
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Miguel Ángel
 Miguel Ángel
Estimable Member

@karen Sí. Tema solucionado. 🙂

Gracias.

Respondido : 19/07/2021 6:46 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

Cursos Gratuitos WordPress