Discussion :

[duboi]

Bonjour,

je n'arrive pas à remonter un widget (retour à la boutique) malgré firefox édition.
je voudrais mettre cette phrase en haut à droite sur toutes les pages woocommerce.

https://trazdd.site/product-category...s-beniouarain/

Merci

[NoSmoking]

Bonjour,
as tu essayé le positionnement fixe : position:fixed ?

Bizarre quand même la construction !

[duboi]

oui je dois pas trouver la bonne propriété;
as tu une proposition?

[NoSmoking]

En modifiant légèrement le code HTML comme suit :

Code html :

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

1
2
3
<div class="textwidget retour">
  <a href="https://trazdd.site/shop">Retourner à la boutique</a>
</div>

inutile d'ajouter des éléments intermédiaires inutiles comme le <p> et en ajoutant le CSS suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
.textwidget.retour {
  z-index: 10000;       /* pour mettre au dessus des autres */
  position: fixed;      /* la fameuse position fixed */ 
  top: .5em;            /* décalage des bords */
  right: 1em;
  padding: .5em;        /* donne de l'air au texte */
  background: #ffee00;  /* un fond pour le distinguer */
}
.textwidget.retour a {
  color: #333;          /* une couleur au choix */
}

tu auras la base, à toi de même le visuel que tu veux.

[duboi]

merci pour ton code, parcontre il est tout en haut.
La cliente souhaitait l'avoir sur la droite en haut mais sur les fiches produits et catégorie.
Du coup, faut que je rajouter un padding top à ton code ou un height?

[duboi]

on m'a donné ce code aussi mais ça marche pas non plus

Code :

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

1
2
3
.sidebar .widget-area{
	padding: 0px 20px!important;
}