Discussion :

[leara500]

Bonjour, ou peut-être bonsoir,

Je souhaiterai mettre un texte tout à droite de la page mais je n'y arrive pas.

J'ai modifié le fichier CSS en ajoutant

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.site-title {
    font-size:30px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 5px;
    float : right;
}

En rajoutant float : right; cela a permis de le décaler un peu à droite mais pas comme je le voudrais.

Pourriez vous m'aider.

L'url du site est : https://www.maisonpaulrabaut.org/

Je vous remercie infinimement de votre aide

[unanonyme]

Bonjour,

Il y a une espèce de bidouille dans le thème.
Je ne sais pas si le changer empirera la chose plus
qu'elle ne l'améliorera, mais de manière
très localisé à ce header.

Si vous commentez

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.col-sm-8 {
    width: 66.6667%;
}

dans
https://www.maisonpaulrabaut.org/wp-...0231213-170917

On peut mettre la classe col-md-12 dans le nœud parent, tel que col-sm-8 col-md-12 site-branding et ça fait le travail.

Le problème c'est que commenter la bidouille au dessus peut potentiellement
entrainer d'autres soucis. Faudrait vérifier le site.

Je suis partagé quand à l'idée de rajouter de la bidouille à la bidouille,
mais ça c'est facile... à coup de mediaquery pour modifier la propriété width de .col-sm-8.site-branding

Sinon,
https://developer.mozilla.org/fr/doc...9diteur_de_css
https://developer.mozilla.org/fr/doc...S/@media/width


Bonne journée.

[leara500]

Merci beaucoup de votre aide,

J'ai fait les modification proposé mais cela n'a pas fonctionné

Peut-être me suis je tromper quelque part mais je ne trouve pas.

Pourriez vous m'aider ?

Merci infiniment

L'url du site est : https://www.maisonpaulrabaut.org/

[ASCIIDEFOND]

Salut leara500,

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
.site-branding {
  margin-bottom: 30px;
  width: auto;
}
 
...
 
.site-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 5px;
  float: right;
}

Et supprimer les espaces sont avant le texte dans cette balise

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="https://www.maisonpaulrabaut.org/" rel="home">Maison d'Enfants à Caractère Social</a>

[NoSmoking]

Bonjour,
analyse rapide d'une collision entre CSS et BootStrap.
Dans le code suivant :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div class="col-sm-8 site-branding">
  <a href="https://www.maisonpaulrabaut.org/" class="custom-logo-link" rel="home" aria-current="page">
    <img width="1590" height="206" src="....png" class="custom-logo no-lazy" alt="">
  </a>
  <p class="site-title">
    <a href="https://www.maisonpaulrabaut.org/" rel="home">Maison d'Enfants à Caractère Social</a>
  </p>
</div>

...supprimer la classe col-sm8 dans <div class="col-sm-8 site-branding">.

et je mettrais plutôt

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.site-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
  /* float: right;                 /* out */
  text-align: right;
}

il va y avoir d'autres ajustements mais cela devrait répondre à la demande simplement.