Discussion :

[laurentSc]

Bonjour,
sur mon site (vitrine d'une activité de désinsectisation), je souhaite donner plusieurs possibilités à l'utilisateur, l'une d'entre elles étant de se faire rappeler (auquel cas il devra remplir un formulaire). Ces possibilités se présentent sous la forme d'un menu. J'ai codé ce menu comme html personnalisé du pied de page (un widget). Mon souci est que ce menu occupe 2 lignes (sur un écran PC) alors que je souhaiterais qu'il tienne sur une seule ligne.

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
.menu_pied_page{
  background:#1b1b2b;
  padding:10px;
  text-align:center;
  font-family: 'Oswald', sans-serif;
}
 
 
.btn_pied_page{
  color:#999;
  background:white;
		/*rgba(0, 0, 0, 0.5);*/
  padding:10px 20px;
	height:60px;
  font-size:15px;
  text-decoration:none;
  letter-spacing:2px;
 /* text-transform:uppercase;*/
}
 
.btn_pied_page:hover{
  border:none;
  background:lightblue;
		/*rgba(0, 0, 0, 0.4);*/
 /* background:#fff;*/
  padding:20px 20px;
  color:#1b1b1b;
	text-decoration:underline;
}

https://pasdpanique.fr/etre-rappele/

[mathieu]

le thème que vous avez choisi a 2 colonnes de widgets.
donc soit vous faites un thème enfant pour avoir une seule colonne. ou alors, vous essayez de bricoler avec du css comme cela par exemple :

Code CSS :

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

1
2
3
4
.footer-widgets
{
	width : 100%;
}

[laurentSc]

Bonsoir,
ma compétence est loin de la votre, mais pour reprendre votre expression, j'ai "bricolé" le CSS (pas comme vous l'indiquez, mais en modifiant une classe CSS qui existait déjà dans mon code) et je suis satisfait.