Удалить границы вокруг текстовых виджетов WP

Question

Я хотел бы удалить границу вокруг виджетов на моей домашней странице.CSS моей темы удаляет это повсеместно.Я подумал, что смогу указать местоположение и имя текстового виджета Div (то есть text-7, text-6) и т. Д. И изменить это.Делая это, я могу контролировать элементы в виджете, но он все равно не удалит границу.Например, текстовый виджет:

#text-7. {border:1px solid transparent; text align: center}

Центрирует элементы, но не удаляет границу.Я попробовал несколько вариантов без удачи.Вот исходный код: http://pastebin.com/7dSUebhk. Ссылка на живой сайт в комментариях ниже.

Большое спасибо.

Алекс

Answer 1

Нет границы вокруг элемента div#text-7 на вашей странице, поэтому ваш CSS не удаляет границу.Вокруг div.sidebox есть граница, которая, если вы добавите:

.sidebox {border:0px}

, удалит все границы бокового ящика.

Вы можете: a) использовать javascript / jquery, чтобы выбрать родительский div для#text-7 и таким образом удалите границу, б) добавьте уникальный идентификатор в DIVs .sidebox, чтобы вы могли затем удалить границу для конкретного DIV бокового ящика.