Стиль моего виджета на боковой панели неправильный - PullRequest
Новая
       10

Стиль моего виджета на боковой панели неправильный

0 голосов
/ 28 мая 2018

Я создал собственный виджет HTML и добавил его на боковую панель.Вот ссылка:

https://www.publictalksoftware.co.uk/

Вот как это выглядит, когда я проверяю элемент:

Downloads

Когда я сравниваю его с разделом «Последние сообщения», это выглядит так:

Recent Posts

Из того, что я могу сказать, стили являются такими же, но четкоони не.Я что-то пропустил, скорее всего, пялился мне в лицо.Я хочу, чтобы загружаемые файлы <ul> выглядели так же, как последние сообщения <ul>.

Обновление

Как уже упоминалось в комментариях, я заметил, что есть еще <div>, обернутый вокруг <ul>: 

<section id="custom_html-2" class="widget_text widget animation-video-sidebar widget_custom_html">
    <h2 class="widget-title">Downloads</h2>
    <div class="textwidget custom-html-widget">
        <ul>
            <li>
            <a href="https://www.publictalksoftware.co.uk/available-downloads/">
            View Available Downloads</a></li>
        </ul>
    </div>
</section>

Введение в <div class="textwidget custom-html-widget"> было сделано Wordpress, я предполагаю, потому что мой пользовательский HTML-контент для виджета: 

<ul>
    <li><a href="https://www.publictalksoftware.co.uk/available-downloads/">View Available Downloads</a></li>
</ul>

Я добавил это к Дополнительный CSS область: 

/* AJT 28-05-2018 Downloads Sidebar Item */
.custom-html-widget 
{
  padding: 0px;
}

Теперь он корректно отображает:

Results

Есть ли лучший способ исправитьэто со стайлингом?

1 Ответ

0 голосов
/ 28 мая 2018

На основании комментариев я смог придумать правильный стиль CSS: 

#custom_html-2 .textwidget
{
  padding: 0px;
}
...