Modification header

Bonjour

Je vois sur mon mobile que le texte : "PluXml : Blog ou Cms à l'Xml !" ainsi que son logo n’apparaissent pas.

Y a t'il moyen de modifier le CSS pour que tout apparaisse de manière responsive sans que cela impacte les différents menus à droite.

Cordialement

Réponses

  • SudwebdesignSudwebdesign Member
    octobre 2019 modifié

    @mika22

    En attendant tu peu télécharger ma version de dev que j'ai proposé @P3ter

    ça sera l'occase de vérifier s'il le thème fait ce que tu souhaite.

    En fait, il s'agit d'une évol de la branche en cours de développement de PluXml, il agrémenté avec de nouvelles options.

    Ds l'archive se trouve les habituels dossier "themes/defaut". récupère le thème et place le dossier ds ton PluXml.

    Ou installe Pluxml en version 5.8-dev et teste le, cela risque de tombé en marche ;)


    Notre temps est la seule monnaie vraie ;)

    Site, Dépôt, framagit, MyShop, Factux

    #mozinor président

  • mika22mika22 Member
    octobre 2019 modifié

    Bonjour,

    J'ai modifié le titre et le Sous-titre/description et la font-size est trop grosse..



    J'ai mis font-size: 20px dans le teme.css mais cela me modifie également la taille du texte du menu de droite

    header a {
       color: #222;
    font-size: 20px;
    

    Je souhaite juste modifier la taille titre et le Sous-titre/description et non celle du menu.

    Aurais, je loupé quelque chose ?

    Merci par avance de vos lumières

  • @mika22

    Oui c'est possible, utilise/modifie theme.css (par exemple) :

    .logo h1 {
       font-size: 2rem;
    }
    .logo h2 {
       font-size: 1.5rem;
    }
    

    cherche aussi :

    .heading-small {
       font-size: 4rem;
    }
    

    et la média query que je modifierai ainsi :

    @media (max-width: 463px) {
       .logo {
    /*      display: none; */
       }
       .bg {
          height: 100px;
       }
    }
    

    Et ça devrai le faire 😉

    Testé sur la démo.


    Après le plus simple est d'utilisé le clic droit (sur le titre) > (inspecter/examiner) l'élément de ton navi et regarde quelles sont les règles qui impacte ce qui est examiné (avec leurs origines #fichier #ligne). Il est même possible de vérifier et modifier en direct en double cliquant sur une règle css du panneau style de l'outil de développement. Et une fois satisfait, reporte les modif dans le vrai fichier, car au prochain (re)chargement les modifs faites (sur le DOM) seront perdu 🤨

    Notre temps est la seule monnaie vraie ;)

    Site, Dépôt, framagit, MyShop, Factux

    #mozinor président

  • Merci de votre réactivité...Je teste cela dès que possible...

    Kenavo !

  • mika22mika22 Member
    octobre 2019 modifié

    Tes lumières m'ont bien éclairé @Sudwebdesign 

    j'ai mis :

    .logo h1 {
      font-size: 2.4rem;
    margin-top:8px;
    }
    .logo h2 {
      font-size: 1.5rem;
    margin-top:9px;
    }
    

    Le résultat me convient !


  • mika22mika22 Member
    octobre 2019 modifié

    Finalement, j'ai pris le header.php de la version 5.6 pour l'intégrer dans mon pluxml version 5.7.

    J'ai fais quelques modifications légères sur le thème.css de la version 5.7 pour avoir quelque chose de sobre..

    Il me reste à finaliser le tout avant d'y mettre mon premier article.


Connectez-vous ou Inscrivez-vous pour répondre.