Agrandir un Logo dans le thème Twenty Seventeen
Fermé
Oelphoto
-
17 janv. 2017 à 15:10
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 - 19 janv. 2017 à 09:57
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 - 19 janv. 2017 à 09:57
A voir également:
- Theme twenty seventeen
- Theme sombre google - Guide
- Changer thème iphone gratuit - Télécharger - Thèmes & Fonds d'écran
- Theme sombre windows 10 - Guide
- Theme windows 11 pour windows 10 - Guide
- Theme sombre word - Guide
5 réponses
Bonjour,
En fait c'est le logo (image PNG) que je veux agrandir. Il est limité à 200x200px sur ce module. J'ai viré le titre et slogan intégré car la police ne correspond pas au design retenu sur mon site.
Donc il y a une image JPEG en bannière, et en premier plan mon logo en PNG mais il est tout petit. C'est lui que je souhaite agrandir.
Merci :-)
En fait c'est le logo (image PNG) que je veux agrandir. Il est limité à 200x200px sur ce module. J'ai viré le titre et slogan intégré car la police ne correspond pas au design retenu sur mon site.
Donc il y a une image JPEG en bannière, et en premier plan mon logo en PNG mais il est tout petit. C'est lui que je souhaite agrandir.
Merci :-)
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
Modifié par elgazar le 18/01/2017 à 09:45
Modifié par elgazar le 18/01/2017 à 09:45
Bonjour
j'ai pas compris ce que tu veux faire exactement mais pour changer la taille de la police du titre et de la description, c'est à partir de la ligne 3366 du fichier style.css du thème
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
j'ai pas compris ce que tu veux faire exactement mais pour changer la taille de la police du titre et de la description, c'est à partir de la ligne 3366 du fichier style.css du thème
.site-title { font-size: 36px; font-size: 2.25rem; } .site-description { font-size: 16px; font-size: 1rem; }
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
18 janv. 2017 à 16:41
18 janv. 2017 à 16:41
regarde à la ligne 1619
body.home.title-tagline-hidden.has-header-video .custom-logo-link img { max-height: 200px; max-width: 100%; }
Merci Elgazar,
En fait cette ligne 1619, j'ai déjà tenté de la modifier sans succès.
Il y a surement une manip complémentaire sur une autre ligne ou dans sur une autre feuille.
En fait cette ligne 1619, j'ai déjà tenté de la modifier sans succès.
Il y a surement une manip complémentaire sur une autre ligne ou dans sur une autre feuille.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
Modifié par elgazar le 19/01/2017 à 10:01
Modifié par elgazar le 19/01/2017 à 10:01
le problème , c'est qu'un logo n'a pas vocation a être très grand au mieux tu peux changer le cadrage dans functions.php ligne 95 pour avoir un rectangle (le recadrage par défaut est toujours carré mais tu peux l'agrandir en faissant glisser les cotés pour avoir le rectangle) ou alors tu veux mettre une image de type bannière (donc beaucoup plus grande) et dans ce cas-la, il ne faut pas utiliser le logo customisé mais insérer directement l'image dans le fichier comme expliqué ci-dessous
attention, il faut faire la modification sur un thème enfant
ouvre le dossier theme ouvre le dossier template-parts puis le dossier header et enfin ouvre le fichier site-branding.php et remplace cette ligne
par
(attention, je ne sais pas pourquoi ccm ne veut pas afficher le bon code, il faut enlever un des " et le quote qui apparait avant l'adresse de l'image)
par exemple, en gardant le code du logo customisé (version rectangle) et en insérant simplement une image au dessus, on obtient ceci
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
attention, il faut faire la modification sur un thème enfant
ouvre le dossier theme ouvre le dossier template-parts puis le dossier header et enfin ouvre le fichier site-branding.php et remplace cette ligne
<?php the_custom_logo(); ?>
par
<img src=""quot;http://adresselimage.jpg" alt="exemple de texte alternatif" />
(attention, je ne sais pas pourquoi ccm ne veut pas afficher le bon code, il faut enlever un des " et le quote qui apparait avant l'adresse de l'image)
par exemple, en gardant le code du logo customisé (version rectangle) et en insérant simplement une image au dessus, on obtient ceci
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.