Avisos
Vaciar todo
Hola,
La sección de Testimonials siempre muestra las fotos con un marco círcular, un tamaño muy reducido y una ligera sombra debajo. Esto no es problema cuando se trata de la foto de perfil de una persona, que es, supongo, la intención que le dió el diseñador del Tema. El problema viene cuando, en lugar de mostrar los testimionios de visitantes o clientes, se le quiere dar otro uso a esta sección (como estoy haciendo yo) y en lugar de la foto de perfil, se quiere mostrar una foto completa, sin alteraciones, tal y como és. ¿Cómo puedo cambiar esto en el diseño?
Por cierto, otra cosa que no consigo cambiar a través del menu de WorPress es la imagen que aparece en la cabecera de cada página nueva que creo. Imagino que está definida en la plantilla que se usa por defecto para cada nueva página, pero es que no encuentro la manera de cambiarla. Si pudiera cambiarla de manera individual para cada página sería ideal, pero si ha de ser la misma para todas, al menos poder cambiar la que hay ahora.
El Tema de la página que estoy usando es la versión standard (gratuita) de SpiceSoftware de Worpress
Muchas gracias por la ayuda
Contenido solo visible a usuarios registrados
Respondido : 02/09/2021 6:06 pm
Que tal Daniel,
Respondo a tus consultas
La sección de Testimonials siempre muestra las fotos con un marco círcular, un tamaño muy reducido y una ligera sombra debajo. Esto no es problema cuando se trata de la foto de perfil de una persona, que es, supongo, la intención que le dió el diseñador del Tema. El problema viene cuando, en lugar de mostrar los testimionios de visitantes o clientes, se le quiere dar otro uso a esta sección (como estoy haciendo yo) y en lugar de la foto de perfil, se quiere mostrar una foto completa, sin alteraciones, tal y como és. ¿Cómo puedo cambiar esto en el diseño?
Para modificar este elemento de una forma personalizada es necesario que apliquemos estilos CSS, te compartiré los siguientes considerando sea similar a lo que requieres
.testmonial-block .avatar {
width: 100%;
height: auto;
}
.img-fluid {
max-width: 400px;
border-radius: 0px !important;
}
Este código puedes agregarlo en las opciones Apariencia-> Personalizar-> CSS agregado
Por cierto, otra cosa que no consigo cambiar a través del menu de WorPress es la imagen que aparece en la cabecera de cada página nueva que creo. Imagino que está definida en la plantilla que se usa por defecto para cada nueva página, pero es que no encuentro la manera de cambiarla. Si pudiera cambiarla de manera individual para cada página sería ideal, pero si ha de ser la misma para todas, al menos poder cambiar la que hay ahora.
Puedes intentar agregar a la pagina correspondiente una foto en el apartado de "imagen destacada" dicha opcion aparece al lateral derecho del editor del contenido en tu pagina o entrada en wordpress.
Saludos!
Respondido : 02/09/2021 6:24 pm
@bruno-vichetti muchas gracias por tu respuesta. El tamaño y apariencia de las fotos en la sección de Testimonials se ha cambiado correctamente gracias a las líneas de código que has mandado. Muchas gracias!!
Pero sigo con el mismo problema de la imagen en la cabecera de la página. El uso de la imagen destacada, sólo añade una imagen más debajo de la cabecera. No la cambia. Necesito saber cómo cambiar esa imagen que aparece en la cinta superior de todas las páginas que creo. ¿Alguna idea?
Respondido : 02/09/2021 7:13 pm
Hola Daniel,
Excelente he visto el resultado y se ve genial.
Pero sigo con el mismo problema de la imagen en la cabecera de la página. El uso de la imagen destacada, sólo añade una imagen más debajo de la cabecera. No la cambia. Necesito saber cómo cambiar esa imagen que aparece en la cinta superior de todas las páginas que creo. ¿Alguna idea?
En este caso vamos a tener que hacer uso de CSS nuevamente y te voy a mostrar como puedes personalizar el fondo acorde a la pagina que requieras.
Para fines prácticos revise la pagina https://www.ultraflight.es/aviones-nuevos/, usando el inspector de elementos vamos a ubicar la clase única que identifica la pagina en si, en este caso es la siguiente "page-id-29".
Una vez identificada la clase única de la pagina vamos a determinar que estilos tiene el contenedor del titulo de dicha pagina el cual posee la clase "page-title-section"
Teniendo eso en cuenta podemos construir un pequeño código CSS como el siguiente
.page-id-29 .page-title-section {
background: url(wp-content/uploads/2021/09/Cockpit.png);
}
Recuerda que primero debemos ubicar la clase única de la pagina y luego debemos cambiar la url de la imagen por la que deseamos mostrar, cabe destacar que esa imagen es recomendable este en tu biblioteca de medios para que puedas obtener el url fácilmente
Dejo una captura de manera referencial de como hice la inspección de los elementos
Saludos!
Respondido : 02/09/2021 8:16 pm
@bruno-vichetti Muchas Gracias Bruno. Si, ¡funciona! 😀
Pero el diseño de la página le debe poner como un capa gris semitransparente por encima, porque la imagen aparece muy oscurecida. Las línesas de código que mandas funcionan a la perfección pero ¿no hay ninguna manera de editar todas estos ajustes de la plantilla general a través del menú? No quiero tener que pedirte una línea de código por cada pequeó ajuste que haga a cada página.
Gracias y saludos,
Daniel
Respondido : 03/09/2021 5:15 pm
Hola Daniel,
En este caso no veo que este tema permita modificar estas opciones desde su área de personalización, ten en cuenta que los desarrolladores usualmente añaden este tipo de estilos directamente en el código de la plantilla a través del archivo de style.css
Si deseas modificar alguna sección en especifico que no este dentro del área de personalización requerirás añadir código CSS adicional que te permita modificar lo que necesitas
Un Saludo
Respondido : 03/09/2021 5:34 pm
