Position des boutons réseaux sociaux

[LES EDITIONS CHUM]

Bonjour,

Sur mon site : http://2020.chumeditions.com/index.php les boutons sociaux sont tout en bas, donc personne ne les voit.

Je voudrais les mettre en haut dans le bandeau noir, là où il y a se connecter ou alors sur la même ligne que le logo.

J'ai cherché plusieurs solutions dans "apparence > positions", mais sans succès.

Pouvez-vous me dire quel choix je dois faire ?

Merci d'avance

Cordialement et bon 1er mai.

Gilles

[Eolia]

Dans /themes/PRS040_09/assets/css/theme.css ligne 21951

remplacez 

.block-social {
    float: right;
    margin: 0 auto;
    text-align: center;
    padding: 0!important;
}

Par

.block-social {
    margin: 0 auto;
    text-align: center;
    padding: 0!important;
    position: absolute;
    top: 0;
    left: 45%;
}

[Mediacom87]

il y a 7 minutes, Eolia a dit :

Dans /themes/PRS040_09/assets/css/theme.css ligne 21951

On ne touche strictement jamais ce fichier en 1.7 !

Tout doit être surchargé dans custom.css.

[Mediacom87]

Sinon, peut être suffit il de greffer le module au bon endroit si il le permet.

[Eolia]

M'en branle^^

[Mediacom87]

à l’instant, Eolia a dit :

M'en branle^^

tiens, ton message ne fut pas bloqué 🙂

Après, la 1.7 c'est se tirer une balle dans le pied de toute manière.

[Eolia]

Si ce module a un css associé il n'a qu'a faire la modif à l'intérieur, vider son cache et tester 3000 fois avant que cette satanée version applique la modif^^

[LES EDITIONS CHUM]

Bonjour,

Merci, je vais faire cette modification. Si ça ne fonctionne pas, je remettrai en place.

Je vous dirai ce qu'il en est.

Bon appétit

GB

 

[LES EDITIONS CHUM]

3 hours ago, Mediacom87 said:

Sinon, peut être suffit il de greffer le module au bon endroit si il le permet.

Merci.

Oui, c'est ce que j'ai essayé de faire, mais je ne sais pas où il faut le greffer...

[LES EDITIONS CHUM]

3 hours ago, Mediacom87 said:

On ne touche strictement jamais ce fichier en 1.7 !

Tout doit être surchargé dans custom.css.

J'ai bien trouvé ce fichier

 

3 hours ago, Eolia said:

Dans /themes/PRS040_09/assets/css/theme.css ligne 21951

remplacez 

.block-social {
    float: right;
    margin: 0 auto;
    text-align: center;
    padding: 0!important;
}

Par

.block-social {
    margin: 0 auto;
    text-align: center;
    padding: 0!important;
    position: absolute;
    top: 0;
    left: 45%;
}

 

J'ai trouvé le fichier dans : /2020/themes/PRS040_09/assets/css.

J'ai fait la modification, vidé le cache, mais ça n'a rien changé. 

Le script :

 

.block-social {

    float: right;

    margin: 0 auto;

    text-align: center;

    padding: 0!important;

position: absolute;

top: 0;

left: 45%

}

 

En dessous il y a celui-là :

 

/* .block-social li {

  height:24px;

  width:24px;

  display: inline-block;

  margin: 0.125rem;

  cursor: pointer; }

  .block-social li:hover {

    background-color: #ff8c05; }

  .block-social li a {

    display: block;

    height: 100%;

    white-space: nowrap;

    text-indent: 100%;

    overflow: hidden; }

    .block-social li a:hover {

      color: transparent; }*/

 

[LES EDITIONS CHUM]

Précision le ; est bien en place après 45%;

[LES EDITIONS CHUM]

Bonjour,

Comme convenu le retour.

Le petit bout de code intégré a donné le résultat attendu. Super. Merci pour votre aide.

Bonne journée

Cordialement

Gilles