Поддержка Проблемы и решения Выравнивание виджетов в сайдбаре

  • Вопрос такой. Скачал темку http://www.wpbot.ru/?p=1559 но не могу выравнить ни как виджеты в ней. Вообщем после долгих ковыряний нашел в style.css строки которые отвечают за нужный мне side bar

    .bottom-widget{width:300px;float:left;display:inline;border: 1px solid black;font-size:12px;margin:10px}
    .bottom-heading {background:url(images/right-head.png) no-repeat;height:39px;padding:20px 0 0 80px;width:195px; font-weight:bold;width:210px;font-size:14px;color:#fff;margin:0 0 20px 0}
    .bottom-widget ul {list-style:url(images/bullet.png) outside;padding-left:25px;margin-left:30px;}
    .bottom-widget li {font-size:12px;line-height:14px;margin-bottom:5px}
    .bottom-widget a {color:#292929;text-decoration:none}
    .bottom-widget a:hover {color:#47B3CD;}

    . Но проблема в том что заголовок и виджет находятся в одном блоке и если двигать то двигаются они вместе. Мне кажется что единственный вариант это каким то образом дописать в стиле именно только блок виджета чтобы перемешать только его. Вообщем обвел рамкой http://s54.radikal.ru/i145/1004/c6/a60dfca2f275.jpg — здесь вместе с заголовком, а тут — http://s53.radikal.ru/i140/1004/f0/8138dd9455b2.jpg только заголовк. Как управлять отдельно виджетом подскажите пожалуйста

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    Можно применять стили к тегам, составляющим виджет, по отдельности:
    .bottom-widget h2 — заголовок
    .bottom-widget ul — список
    .bottom-widget div#wpcumuluscontent — облако меток

    а для всех виджетов можно где то один раз прописать ?

    и Сергей можно пожалуйста по подробнее как к этому делу правильно всё приписать допустим раму черную ? .bottom-widget div#wpcumuluscontent {border:1px solid black} так ? К сожаленеию в css не силен =)

    Сергей объясните ещё пожалуйста, как мне с этим быть .bottom-widget div#wpcumuluscontent ? ну допустим чтобы рамку дописать черную ? должно выглядить так ?

    .bottom-widget div#wpcumuluscontent {border:1px solid black}

    в css к сожалению не силен =)

    Сеергеййй откликнитесь =)

    Люди помогайте !! =)

    решено

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Тема «Выравнивание виджетов в сайдбаре» закрыта для новых ответов.