modifier la position du bouton “retour en haut”

  • WordPress :5.2
  • Statut : hors support
  • Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par Faraday, le il y a 1 mois.
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2294146
    Faraday
    Participant
    Padawan WordPress
    77 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : graphène child
    • Extensions en place :
    • Nom de l’hébergeur : o2switch
    • Adresse du site : https://comprendrelautisme.com/

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

    Bonjour,

    Je suis en train d’installer le plugin OneSignal qui permet de faire apparaitre des notifications push sur mon site. Seulement le bouton d’inscription est situé en bas à droite, à la même position que mon bouton “retour en haut”. Les deux se superposent, c’est moche et on ne peut plus utiliser le bouton back to the top. Je voudrait que mon bouton retour en haut soit positionné un peu plus haut que ce qu’il est maintenant.

    Je suis aller voir dans mon style.css et il me semble que c’est ici que ca se joue :

    #back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #4c315a;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(255,255,255,0.3);
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    }

    Mais quand je modifie Bottom par une valeur plus elévée pour qu’il soit plus haut, cela ne fonctionne pas. Ca ne doit manifestement pas être dans cette ligne qu’il faut modifier la valeur.

    Pourriez-vous m’aider ? Par avance merci et belle journée

    #2294150
    PhiLyon
    Modérateur
    Maître WordPress
    24647 contributions

    Bonjour.

    En collant le code ci-dessous dans le style.css de ton thème enfant, cela fonctionne-t-il ?

    #back-to-top {
    bottom: 100px !important;
    }

    🙂

    #2294203
    Faraday
    Participant
    Padawan WordPress
    77 contributions

    non désolée ca ne fonctionne pas. J’ai un triangle d’erreur jaune (pj).

    Mais je ne comprends pas car dans l’architecture du style.css le back to the top est dans la catégorie “responsive Gmaps”. Est-ce que je regarde au bon endroit ?

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2294377
    Faraday
    Participant
    Padawan WordPress
    77 contributions

    C’est peut être la première ligne qui pose souci : position: fixed;

    Qu’en pensez vous ?

     

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.