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

Question

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

Использование этой темы: http://wp -themes.com / colors /? TB_iframe= true

протестировали с заполнением следующим образом: .widget {margin-bottom: 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 {padding: 5px;}

к файлу style.css в каталоге вашей темы, и он поместит границу 5px вокруг вашего облака.

Вы также можете найти строку, которая читает

.wdContent {background: # e1e5e7; ширина: 227px; Левое поле: 1px; обивка-дно: 30px; обивка-топ: 3px; линия-высота: 100%;}

и измените нижний отступ на 3 пикселя, как верхний отступ

Я считаю, что эти изменения немного улучшат ситуацию.