Thème Mystile : Affichage simultané du logo et de la description (slogan)… (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
  • Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par ferman, le il y a 1 mois.
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2403108
    fabv
    Participant
    Initié WordPress
    3 contributions

    Ma configuration WP actuelle

    Problème(s) rencontré(s) :

    Bonjour,

    J’utilise le thème Mystile.
    Dans Personnalisation / Identité du site, il est possible d’indiquer un titre et un slogan.
    Dans Mystile / Settings, il est possible d’indiquer une image logo. Pour activer cette image, il faut décocher « Activer le titre du site… ». Le titre et le slogan sont alors remplacés par le logo.
    Mais est ce quelqu’un saurait comment faire, pour afficher simultanément le logo et le slogan ?
    Je tâtonne un peu en CSS et donc je n’est pas trouvé quelles lignes ajouter ou modifier pour provoquer cela.

    Merci par avance pour votre aide,
    Fabrice

    #2403120
    ferman
    Participant
    Maître WordPress
    5118 contributions

    Bonjour,

    Actuellement le titre du site et la description sont sous forme d’image et constituent le « logo ». Que souhaitez-vous exactement? Une autre image? si oui laquelle?

    #2403128
    fabv
    Participant
    Initié WordPress
    3 contributions

    Bonjour Fernan?
    Merci pour votre réponse.
    Oui, pour le moment, j’ai trouvé comme palliatif de placer le logo et la description sous forme d’image. Mais j’aimerai avoir le logo et en dessous la description en texte. Ce qui devrait permettre de pouvoir gérer les traductions notamment.

    #2403136
    ferman
    Participant
    Maître WordPress
    5118 contributions

    Cela doit pouvoir se faire avec des CSS en utilisant « ::before » et la propriété « content« . Ce serait le plus simple.

    Par exemple, le code CSS ci-dessous mettra le logo Instagram avant le titre.

    #header .site-title::before{content:url("https://www.briques-a-idees.fr/wp-content/uploads/2020/07/Icone_instagram.jpg")}

    Attention: l’image doit être mise à la taille voulue avant de l’intégrer car elle ne peut plus être redimensionnée après coup.

    S’il n’y a plus de titre vous remplacez .site-title par .site-description.

    • Cette réponse a été modifiée le il y a 1 mois par ferman.
4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.