Modification header

mika22

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

Sudwebdesign

@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 ;)

mika22

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

Sudwebdesign

@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 🤨

mika22

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

Kenavo !

mika22

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 !

mika22

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.