Avisos
Vaciar todo

Cambiar fotos de cabecera de página y las que se muestran en Testimonials  

 
Daniel
 Daniel
Usuario activo

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

Citar
Respondido : 02/09/2021 6:06 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Daniel,

Respondo a tus consultas

Respondido por: @dinamito5gmail-com

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

Respondido por: @dinamito5gmail-com

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!

 

 

ResponderCitar
Respondido : 02/09/2021 6:24 pm

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

Daniel
 Daniel
Usuario activo

@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?

ResponderCitar
Respondido : 02/09/2021 7:13 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Daniel,

Excelente he visto el resultado y se ve genial.

Respondido por: @dinamito5gmail-com

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

banner

Saludos!

ResponderCitar
Respondido : 02/09/2021 8:16 pm

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

Daniel
 Daniel
Usuario activo

@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

ResponderCitar
Respondido : 03/09/2021 5:15 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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 

ResponderCitar
Respondido : 03/09/2021 5:34 pm

Cursos Gratuitos WordPress