Avisos
Vaciar todo

[Resuelto] No se visualizan algunas imágenes usando background image  

 
Nadia
 Nadia
Usuario activo

Hola,

En el CSS de mi web estoy usando la propiedad background-image para cargar imágenes .png y .jpg en diferentes partes. Por ejemplo en una misma página tengo una imagen de fondo para .entry-header y .entry-content. 

Lo que me ha sucedido es que las últimas imágenes que he cargado para poner de fondo del header dos páginas no se me visualizan. Revisé que estuviera bien la ruta y que cargara bien cuando sigo el enlace permanente de cada imagen. 

Este es el css donde pongo el background-image para la página Recortables ( http://lacasitamusical.ch/recortables).  

.post-48 .entry-header
{
 background-image: url( );
background-repeat: no-repeat;
height: 157px;
margin-left: 52px!important;
margin-top: 25px!important;
margin-bottom: -277px!important;
}

Probé añadiendo background-color: white, pero no se me visualiza la imagen solo el fondo blanco. Y detrás de lo que sale como .entry-content.

Revisé los permisos de la carpeta upload en el cpanel y dice 0644.

Estoy revisando la web desde Opera android.

Gracias.

Contenido solo visible a usuarios registrados

Respondido : 05/06/2021 11:56 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Nadia, 

En verificado con el inspector añadir la clase y veo que se muestra, prueba con el siguiente código CSS y verifica si con ello se muestra la imagen que deseas

 
 
En las pruebas el resultado es el siguiente:
 
image

Un Saludo 

Respondido : 06/06/2021 1:26 am

Cursos Gratuitos WordPress

Nadia
 Nadia
Usuario activo

@karen

Hola Karen,

Disculpa. Me confundí de página. El enlace de lo que les estaba comentando que era el post-48 era este que correaponde a la página de facturación.

http://lacasitamusical.ch/pagina-facturacion

Gracias.

Respondido : 06/06/2021 2:54 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Nadia, 

En este caso prueba con el siguiente código CSS

.page-id-48 .entry-header {
background-image: url( http://lacasitamusical.ch/wp-content/uploads/2021/06/factur.jpg ) !important;
background-repeat: no-repeat !important;
}

He realizado las pruebas nuevamente con el inspector de elemento y el resultado es el siguiente:

image

Verifica esto y nos comentas como ha ido todo

Un Saludo 

Respondido : 06/06/2021 3:40 am

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

Nadia
 Nadia
Usuario activo

@karen

Hola Karen,

Hice los ajustes que me comentaste y sigo sin ver la imagen del header.

Ya limpié el caché del navegador y probé entrando desde otro celular y nada. 

En adjunto las capturas de pantallas.

Muchas gracias.

Saludos.

Screenshot 20210605 231120
Screenshot 20210605 231051

 

 

Respondido : 06/06/2021 4:14 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Nadia,

Entiendo, es posible que otra clase dentro de tu sitio web sobreescriba esta y no permita que este cambio se aplique. Sin embargo verifica si con el siguiente código se muestra la imagen como deseas

.post-48 header.entry-header {
background-image: url( http://lacasitamusical.ch/wp-content/uploads/2021/06/factur.jpg ) !important;
background-repeat: no-repeat !important;
background: transparent;
}

Un Saludo 

Respondido : 06/06/2021 5:09 am

Nadia
 Nadia
Usuario activo

Hola Karen,

Muchas gracias. ¡Ya se ve la imagen!

¡Feliz Domingo!

Respondido : 06/06/2021 4:26 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Nadia,

Pude verificar el ajuste y se ve genial! cualquier otro comentario quedamos atentos

Saludos!

Respondido : 06/06/2021 5:19 pm
Nadia me gusta

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