Modifier le code css des widgets

Statut : non résolu

Ce sujet contient 6 réponses, 3 participants et a été mis à jour pour la dernière fois par 0606060606, le il y a 12 années et 7 mois.

7 sujets de 1 à 7 (sur un total de 7)

Auteur

Messages
25 janvier 2010 à 7 h 39 min #478352
0606060606
Participant

Maître WordPress
523 contributions
Bonjour à tous,

je travaille actuellement en local sur un thème wp et j’aimerai effectuer une petite modification dans le css du thème, je souhaiterai faire en sorte que le « bouton » en rose (sidebar.png) soit au dessus du carré blanc et non à l’intérieur comme sur la photo. J’ai aucune idée du code à intégrer 😕 Si quelqu’un a une idée, je lui en serait très reconnaissant ! 🙂

Merci pour votre aide !

Le code css de la partie sidebar :
```
sidebar .widget-title {
	margin: 0 0 8px;
	padding: 5px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1em;
	background:transparent url(/images/sidebar.png) no-repeat scroll 0 0;
	}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#sidebar ul ul ul {
	margin: 0 0 -4px 15px;
	border-top: 1px dashed #e5e5e5;
	border-bottom: 1px solid #fff;
	}
#sidebar li {
	margin: 0 0 10px;
	padding: 10px;
	background: #fff;
	}
#sidebar li li {
	margin: 0;
	padding: 3px 5px;
	background: none;
	border-bottom: 1px dashed #e5e5e5;
	}
#sidebar a:link,
#sidebar a:visited {
	color: #000;
	}
#sidebar a:hover {
	color: #e33258;
	text-decoration: none;
	}
```
merci !!
bonne journée !
26 janvier 2010 à 8 h 00 min #711833

0606060606
Participant

Maître WordPress
523 contributions

petit up, on sait jamais 🙂

merci !

26 janvier 2010 à 8 h 20 min #711834

Lumiere de Lune
Participant

Maître WordPress
20483 contributions

En fait je n’ai pas très bien compris ce que tu voulais

26 janvier 2010 à 8 h 34 min #711835

0606060606
Participant

Maître WordPress
523 contributions

Je souhaiterai que le bouton rose avec le titre « commentaires récents » soient au dessus du rectangle blanc et non à l’intérieur (le rectangle blanc étant un widget) Si ça peut aider, le thème est the stars http://www.premiumwp.com/demo/thestars/

merci !!

26 janvier 2010 à 9 h 42 min #711836

Lumiere de Lune
Participant

Maître WordPress
20483 contributions

ça me parait difficile, étant donné que le widget produit du code html à l’intérieur de son conteneur. Et que le rectangle blanc, comme tu dis, est l’élément li qui contient le widget

27 janvier 2010 à 4 h 29 min #711837

Maitre Mo
Participant

Maître WordPress
1653 contributions

Je crois (!) qu’il faut modifier la page du thème qui affiche la sidebar (s’il est pratique, sidebar.php !), afin de sortir la ligne affichant le titre du widget du li qui affiche celui-ci, tu dois avoir un truc genre li id nom du widget, et ça c’est ton carré blanc en css, et juste en dessous h3 class… et ça c’est le titre dudit widget : il faut l’afficher au-dessus de l’autre, I presume…

29 janvier 2010 à 12 h 42 min #711838

0606060606
Participant

Maître WordPress
523 contributions

Merci pour vos réponses !
J’ai testé la solution de Maitre Mô qui fonctionne très bien néanmoins je ne peux plus utiliser les widgets directement dans le panneau d’administration, ça s’avère être embêtant mais j’ai peur de ne pas pouvoir faire autrement.

Merci pour votre aide précieuse en tout cas !
Auteur

Messages