Изменить на боковой панели

Question

Хотите знать, какую часть кода я могу использовать, чтобы изменить внешний вид боковой панели, например, как «категории» «облака тегов» и так помещаются в коробки? Прямо сейчас многие из них скрываются с коробкой (справа), был центром, но это было некрасиво. Не имеет понятия, что может измениться, например, в таблице стилей или на боковой панели?

Используя эту тему: http://wp-themes.com/colors/?TB_iframe=true

тестировали с прокладкой так: .widget { краю дна: 12px; обивка: 5px; }

но безуспешно.

Предложения о том, как я могу это исправить? Я ноб в этом тоже не очень хорош на английском, но все равно попробую. ;)

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 как обивка-топ

Я мой взгляд, эти изменения улучшат вещи немного.