侧边栏中的更​​改

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像填充顶

我本人认为这些更改将改善的事情一点。