Avisos
Vaciar todo

Editar texto descripcion de photo gallery  

 
Pilar
 Pilar
Reputable Member

Buenos días.

Por favor, necesito vuestra ayuda.

Estoy trabajando en la plantilla Acelerate, en el plugin Photo Gallery, desearía cambiar la letra de la descripción de las fotografías a color negro y algo más grande, (mando pantallazo). Al ser en color gris no se lee muy bien con el fondo de las fotos.

He estado buscando con Firefox con la herramienta de consola web, y se ve perfectamente qué css hay que editar, pero no encuentro el archivo en cuestión en el cPanel.

¿Podéis echarme una mano?

Muchas gracias
Un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/01/2019 1:15 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pilar.

Edita el archivo style.css que encontraras en la ruta wp-content -> themes -> accelerate -> style.css y añade lo siguiente:

.bwg_image_description {
	font-size:1.5em!important;
	line-height:1.4!important;
	color:#181818!important;
}

Revisa los resultados y nos comentas.

Un saludo

ResponderCitar
Respondido : 14/01/2019 3:26 pm

Cursos Gratuitos WordPress

Pilar
 Pilar
Reputable Member

Hola Pepe.

Muchas gracias por tu interés.

Estoy editando el archivo que me indicas (.........../wp-content/themes/accelerate/style.css), pero no veo donde insertar el código que me has proporcionado. Intuyo que es en el apartado:

/* =IMAGES
----------------------------------------------- */
figure {
margin: 0;
text-align: center;
}

¿No?

Un cordial saludo

ResponderCitar
Respondido : 14/01/2019 4:20 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pilar.

Los códigos de estilos no tienen un orden definido, puedes añadirlo después de cualquier bloque de código o al final del archivo.

En estos casos una cosa que suelo realizar es comentar cada bloque y añadir el código, por ejemplo supongamos que quiero modificar el header de la web

/* header */
.etiqueta { codigo.... }
/* fin header */

Con este paso puedo identificar el código rápidamente si lo quiero volver a modificar ya que se que dentro /* header */ tengo todos los códigos de la cabecera de la web.

Los comentarios en CSS empiezan por una barra y el asterisco, seguido del texto de identificación y lo cerramos con asterisco barra " /* ........... */ "

No es obligatorio pero bueno es una forma de facilitarnos el trabajo.

Espero que esta información te sirva para lo que buscas, de no ser así por favor indícalo para que podamos seguir ayudándote.

Un saludo

ResponderCitar
Respondido : 14/01/2019 4:43 pm

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

Pilar
 Pilar
Reputable Member

Hola Pepe.

Perfectamente entendido. Muchas gracias.

Siguiendo entonces tus instrucciones, he añadido el código que me has facilitado.
Lo que ha cambiado ha sido el tamaño de la letra (como quería) pero no hay forma de cambiar el color a negro...

Un saludo

ResponderCitar
Respondido : 14/01/2019 5:13 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pilar.

Ok, revisando un poco mas veo el siguiente codigo:

.bwg_image_description, .bwg_image_description * {
    color: #B0B0B0 !important;

Este código impide que se muestre el que añadimos antes ya que tiene la etiqueta !important.
Lo que no puedo es identificar el archivo que lo muestra, tienes que acceder a la carpeta del modulo y ver en lso archivo CSS si encuentras el codigo que te undico para modificarlo.

Si lo encuentra solo tienes que cambiar el código del color " #B0B0B0 " por " #181818 "

Un saludo

ResponderCitar
Respondido : 14/01/2019 5:33 pm

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

Pilar
 Pilar
Reputable Member

Hola Pepe, si esa información es la que vi en un principio gracias a las herramientas de Firefox, pero ando buscando ese archivo todo el día..... 🙁

Intentaré encontrarlo, pero no veo forma...

Gracias un saludo

ResponderCitar
Respondido : 14/01/2019 5:56 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Has podido solucionar tu problema?

Actualmente veo que ya se nota mucho mejor el texto, por ejemplo:
http://atucapri-cp5040.wordpresstemporal.com/a-tucapricho.es/dormitorios/moderno/

Sino es esto envíanos la url exacta para ver lo que comentas.

Saludos.

ResponderCitar
Respondido : 14/01/2019 6:38 pm

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

Pilar
 Pilar
Reputable Member

Hola Jhon.

Agradezco tu interés, no no he solucionado mi problema.

Tu compañero Pepe me ha ayudado muy amablemente a la hora de cambiar el tamaño de la letra, pero no puedo cambiar el color del texto a negro debido a que no encuentro dónde está el código donde aparece:
.bwg_image_description, .bwg_image_description * {
color: #B0B0B0 !important;
Así solo tendría que cambiar #B0B0B0 por #181818.

He buscado en la plantilla, en el plugin Photo Gallery y no hay forma de encontrarlo 🙁

Un cordial saludo

ResponderCitar
Respondido : 15/01/2019 10:20 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pilar.

Ok, ¿ puedes decirme si es este el plugin que estas utilizando ?
-> https://wordpress.org/plugins/photo-gallery/

Si no es ese por favor indícanos una URL donde podamos ver el plugin que utilizas.

Un saludo

ResponderCitar
Respondido : 15/01/2019 11:14 am

Cursos Gratuitos WordPress

Pilar
 Pilar
Reputable Member

Hola Pepe, buenos días!!

Si es ese plugin el photo gallery simple, no de pago.

Un saludo

ResponderCitar
Respondido : 15/01/2019 11:15 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pilar.

Por lo que estoy viendo en la versión gratuita no se puede modificar el color del texto y ese código se genera automáticamente.

Para modificar las opciones tienes que pasar por el plugin de pago o buscar alguna alternativa :
-> https://wordpress.org/plugins/robo-gallery/

Un saludo

ResponderCitar
Respondido : 15/01/2019 12:22 pm

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

Pilar
 Pilar
Reputable Member

Hola Pepe.

Muchas gracias, me lo temía.

Voy a probar este plugin que me indicas robo gallery a ver si me cuadra.

Un saludo

ResponderCitar
Respondido : 15/01/2019 12:30 pm