Avisos
Vaciar todo

Editar texto descripcion de photo gallery

13 Respuestas
3 Usuarios
0 Reactions
220 Visitas
Respuestas: 269
Reputable Member
Topic starter
 

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


 
Respondido : 14/01/2019 1:15 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 14/01/2019 3:26 pm
Respuestas: 269
Reputable Member
Topic starter
 

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


 
Respondido : 14/01/2019 4:20 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 14/01/2019 4:43 pm
Respuestas: 269
Reputable Member
Topic starter
 

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


 
Respondido : 14/01/2019 5:13 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 14/01/2019 5:33 pm
Respuestas: 269
Reputable Member
Topic starter
 

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


 
Respondido : 14/01/2019 5:56 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 14/01/2019 6:38 pm
Respuestas: 269
Reputable Member
Topic starter
 

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


 
Respondido : 15/01/2019 10:20 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 15/01/2019 11:14 am
Respuestas: 269
Reputable Member
Topic starter
 

Hola Pepe, buenos días!!

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

Un saludo


 
Respondido : 15/01/2019 11:15 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 15/01/2019 12:22 pm
Respuestas: 269
Reputable Member
Topic starter
 

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


 
Respondido : 15/01/2019 12:30 pm