Changer l'emplacement du logo

A voir également:Changer l'emplacement du logoChanger l'emplacement de fortnite - Conseils pratiques - Windows Changer l'emplacement de l'heure sur iphone - Articles Changer l'emplacement de mes documents - Conseils pratiques - Windows 7 Comment changer l'emplacement de stockage samsung ✓ - Forum - Samsung Changer l’emplacement d’installation par défaut des programmes sous windows 10 - Forum - Windows 10

Bonjour à tous,

Je travaille actuellement sur le thème catch everest de wordpress et j'aimerai changer l'emplacement du logo pour le centrer en haut au milieu de la page.
Soit, quel est le code pour modifier l'emplacement du logo et où se trouve-t-il ?

Un très très grand merci d'avance !

Sabrina

Forum

A voir également:Changer l'emplacement du logoChanger l'emplacement de fortnite - Conseils pratiques - Windows Changer l'emplacement de l'heure sur iphone - Articles Changer l'emplacement de mes documents - Conseils pratiques - Windows 7 Comment changer l'emplacement de stockage samsung ✓ - Forum - Samsung Changer l’emplacement d’installation par défaut des programmes sous windows 10 - Forum - Windows 10

Web: www.shapebootstrap.net

5 réponses

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Bonjour.
Je ne connais pas ce thème, mais d'une manière général le code est composé de 2 parties :
1- le code HTML qui se trouve dans header.php (pour la structure et le contenu textuel)
2- le code CSS qui se trouve dans style.css (pour la mise en forme)

Vous allez surement devoir ouvrir le style.css et chercher pour les lignes qui correspondent au code du logo (peut-être avec la recherche du mot "logo" ou "head" ou "header").

Je vous invite à faire un clic droit sur le logo et à cliquer sur "inspecter l'élément" si vous utilisez le navigateur Firefox. Cela vous aidera à comprendre comment fonctionne le code HTML et CSS.

Bon courage dans votre recherche.
Cordialement,

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Merci beaucoup pour votre réponse! comme vous me l'avez conseillé, j'ai inspecté l'élément, il m'a bien été situé dans la feuille de style le truc ce que je n'arrive pas à retrouver les données quand j'ouvre le fichier... du coup je ne sais pas à quel endroit je dois modifier les données...

Reply
réponses:
  • auteur

    Vous n'avez pas un numéro de ligne pour savoir où cela se trouve dans la feuille de style ?
    Sinon, vous pouvez faire "ctrl + F" pour rechercher selon le nom de la classe CSS.
    Et dans le pire des cas, vous lisez toutes les lignes une à une. :)

    Cordialement.

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

effectivement c'est ce que j'avais fait, mais impossible de trouver les valeurs qui modifie son emplacement... je retrouve bien la ligne indiquée avec l'inscpection mais quand je change une donnée rien n'y fait le logo reste à sa place...
Pourtant je retrouve bien la ligne correspondant au logo mais impossible de le décoller du coin gauche quand bien même je modifie toutes les valeurs...

Reply
réponses:
  • auteur

    Vous avez bien ré-envoyer les fichiers PHP sur votre espace d'hébergement? Vous êtes sûr que le thème est bien utilisé? Avez-vous essayé de changer autre chose que l'emplacement, par exemple ajouter une grosse border rouge, le code est le suivant:

    border:5px solid red;

    Si vous voyez les bordures, c'est sûr au moins que vos modifications sont impactées.
    Pensez également à bien rafraîchir la page web (F5 ou ctrl+F5) pour éviter que ce soit un problème de cache du navigateur.

    Autre raison : Si vous avez un plugin de cache, il faut le désactiver.

    A noter : vous pouvez modifier la valeur dans l'outil de votre navigateur pour voir quelles modifications vous devez effectuer.

    Cordialement,

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

De mémoire, les logo de Catch thème sont placés dans une balise <H1>
Il suffit de trouver la class CSS attachée et d'intervenir sur les propriétés pour la dimensionner et placée.
Firefox Web developer devrait t'apporter la réponse assez rapidement

Reply

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Super!! j'ai enfin réussi!! Je file le code si jamais d'autres personnes rencontrent ce problème :

#header-left { float: none; }
#site-logo { float: none; text-align: center; }
#site-logo a { display: inline-block; }

il faut rajouter un "text-align" ET changer le header-left ! : )

Merci pour votre aide !!

Reply

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed