Modifier le code css des widgets (Créer un compte)

  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #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 !

    screenshot052m.jpg

    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 !

    #711833
    0606060606
    Participant
    Maître WordPress
    523 contributions

    petit up, on sait jamais 🙂

    merci !

    #711834
    Lumiere de Lune
    Participant
    Maître WordPress
    20483 contributions

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

    #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 !!

    #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

    #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…

    #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 !

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