web-dev-qa-db-fra.com

Comment définir une image d'en-tête vingt-quatorze à une largeur de 100%?

si

 function wpse_custom_header_setup() {
add_theme_support( 'custom-header', apply_filters( 'wpse_header_args', array(
    'width'                  => 1460,
    'height'                 => 220,
) ) );
}
add_action( 'after_setup_theme', 'wpse_custom_header_setup' );

peut aider à définir la largeur de l'en-tête en px, comment configurer une image d'en-tête à 100% pour obtenir un résultat similaire, tel que http://braidingfreedom.com/ ?

imagesheaderstheme-twenty-fourteen
2
cmsdeployed

L'image d'en-tête est déjà définie par défaut sur une largeur de 100%. Vérifiez les lignes 571-578 dans style.css du thème vingt-quatorze

#site-header img {
    max-width: 100%;
}

Si vous avez besoin d'un en-tête plus grand, vous devrez définir les tailles en conséquence dans le code de votre question, ce que je suppose que vous avez obtenu de l'une de mes réponses précédentes :-)

Juste une autre note ici, vous pouvez jouer avec la largeur maximale de site-header trouvée aux lignes 847 à 853.

.site-header {
    background-color: #000;
    max-width: 1260px;
    position: relative;
    width: 100%;
    z-index: 4;
}

Vous devez définir max-width: 1260px; à la largeur définie dans votre fonction.

1
Pieter Goosen