Changement dans la barre latérale

Question

Vous vous demandez quel est le morceau de code que je peux utiliser pour changer le look de mon sidebar par exemple comment les "catégories" "taguent les nuages" et se mettent ainsi dans des boîtes? À l'heure actuelle, beaucoup d'entre eux affleurent avec la boîte (à droite), a été le centre, mais ce n'était pas joli. Ne possède aucune idée de ce que cela pourrait être de changer, c'est dans la feuille de style ou dans la barre latérale par exemple?

En utilisant ce thème: http://wp-themes.com/colors/?TB_iframe=true

ont testé avec un rembourrage comme ceci: .widget { margin-bottom: 12px; Rembourrage: 5px; }

mais sans succès.

Des suggestions sur comment je peux résoudre ce problème? Je suis un noob dans ce n'est également pas très bon à l'anglais mais essayez-le de toute façon. ;)

Style.css

 Sidebar Styles 
==================================================================================================== ======================================== 
*/ 
#sidebarLayout {width:228px; float:left; margin-left:15px; margin-top:1px;} 
.widget { margin-bottom:12px;} 
.wdTitle {height:38px; width:228px; background:url(layout/wdTitleBg.png);} 
.wdTitle h2 {color:#FFFFFF; font-size:10pt; font-weight:400; line-height:34px; margin-left:15px;} 
.wdContent {background:#e1e5e7; width:227px; margin-left:1px; padding-bottom:30px; padding-top:3px; 
line-hight:100%;} 
.wdContent li:hover {no-repeat;} 
.wdContent li {line-height:15px; height:35px; padding-left:25px; margin:1.5px 0px;} 
.wdContent ul li ul { display:none; } 
.wdFooter {height:4px; background:url(layout/wdFooterBg.png); width:227px; margin-left:1px;} 
.wicon {width:34px; height:24px; background:url(layout/widgetIcon.png) no-repeat; float:left; margin-right:2px;} 
/* 

Sidebar.php: 

    <div id="sidebarLayout"> 

<div class="widget"> 
<div class="wdTitle"> 
    <h2>Sök?</h2> 
</div> 
<div class="wdContent"> 
    <div class="icon" id="searchIcon"></div> 
    <?php get_search_form(); ?> 
    </div> 
<div class="wdFooter"><!-- .wdFooter for design only --></div> 
</div> 

<!-- <?php if (function_exists('wp_tag_cloud')) : ?> 
<div class="widget"> 
<div class="wdTitle"> 
    <h2>Etikettmoln</h2> 
</div> 
<div class="wdContent"> 
    <div> 
    <div id="etikettmoln"> 
    <?php $tags = wp_tag_cloud('orderby=count&order=RAND'); ?> 
    </div> 
    </div> 
</div> 
<div class="wdFooter"></div> 
</div> 
<?php endif; ?> --> 

<?php if(!function_exists("dynamic_sidebar") || ! dynamic_sidebar('sidebar')) : ?><?php endif;?> 
</div> 

J'utilise Wordpress pour ceux d'entre vous qui ne le comprenait pas.

Merci pour toute aide!

Answer 1

Pour modifier le style de votre thème, vous devez modifier le fichier style.css dans le répertoire du thème.

Je voudrais ajouter

.wdContent> div {padding: 5px;}

au fichier style.css dans votre répertoire thématique et il va mettre une frontière 5px autour de votre nuage.

Vous trouverez peut-être aussi la ligne qui lit

.wdContent {background: # e1e5e7; largeur: 227px; marge gauche: 1px; rembourrage-fond: 30px; rembourrage-top: 3px; ligne Hight: 100%;}

et changer le rembourrage en bas à 3PX comme le padding-top

Je mon avis ces changements amélioreront les choses un peu.