側邊欄中的更​​改

Question

想知道我可以使用哪一段代碼來改變側邊欄的外觀，例如「類別」「標籤雲」以及如何將其置於框中？現在他們中的許多人與盒子（右）齊平，一直是中心，但並不漂亮。不知道它可能會改變什麼，例如它在樣式表或側邊欄中？

使用該主題：http://wp-themes.com/colors/?TB_iframe=true

都具有填充測試是這樣的： .widget { 邊距：12px的; padding：5px; }

但沒有成功。

關於如何解決這個問題的建議？我是一個noob，在這方面也不是很擅長英語，但無論如何都要試一試。 ;）

的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> 

我使用WordPress對於那些你們誰不明白。

感謝您的幫助！

Answer 1

要更改主題的外觀，必須修改主題目錄中的style.css文件。

我想補充

.wdContent> DIV {填充：5px的;}

到style.css文件在你的主題目錄，它將把一個5px的邊框圓你的雲。

您可能還會發現，上面寫着

行

.wdContent {背景：＃e1e5e7;寬度：227px;保證金左：1px的;填充底：30PX;填充頂：3px的; 線高度：100％;}

和改變填充底部到3PX像填充頂

我本人認爲這些更改將改善的事情一點。