Si estás usando el tema Divi de WordPress para tu página web quizá te hayas encontrado con algo muy frustrante, que se puede lograr con otros temas pero que en Divi no se puede: poner una imagen de fondo a la cabecera.

Si buscas dentro de las muy completas opciones de apariencia, es algo que no encontrarás. Pero aquí te vamos a mostrar cómo se hace.

Lo primero que hay que hacer es ir a Photoshop o a Gimp y preparar una imagen que al menos sea de 1920 píxeles de ancho. La altura depende de lo ancho que sea tu cabecera, aunque no debe ser menor de 150 píxeles.

Ahora vamos al explorador de internet que uses y entramos a nuestro sitio. Si en el explorador pinchamos en “inspeccionar elemento” veremos que que la id de la cabecera es “main-header”. Así que entramos de nuevo en las opciones de apariencia del tema y vamos a CSS Adicional y allí introducimos el siguiente texto:

/* Imagen en Menu*/

#main-header{
background:url(http://rutadetuimagen.com/tuimagen.jpg)
no-repeat center;
background-size: cover;
}

cambiando la ruta y la imagen por la tuya que antes debes de haber subido a tu biblioteca de medios.

Ya debería de salir tu imagen como fondo del menú. Puedes cambiar el aspecto del menú en las opciones de cabecera si no te gusta como queda (por ejemplo si has puesto una imagen oscura y tu fuente de menú era oscura también).

Y nada más. Espero que esta pequeña guía haya sido util.

dremcream

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies