2016-07-06 1 views
0

Итак, я получил эту тему http://demo.theme.co/ethos-1/ и хотел сделать верхние квадраты круглыми.Нельзя переопределить рамку: до и: после с граничным радиусом

Единственный способ, которым я могу получить их, как это, если я изменю

*,*:before,*:after { 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box 
} 
to 
*,*:before,*:after { 
    border-radius:100px; 
} 

Проблема заключается в том, что делает каждую коробку, как формы на круглой площадке. Где, поскольку я только хочу, чтобы превью на верхний пост был круглым.

любые идеи были бы весьма признательны. Спасибо!

+0

Я не понимаю ваши рассуждения - почему вы чувствуете, что удаление «box-sizing» в пользу «border-radius» в селекторе подстановки является единственным решением? Почему бы не настроить целевой класс для этих ящиков? –

+0

Вы пытаетесь добиться чего-то подобного? http://i.imgur.com/4SpqQSh.png – Zubzob

ответ

0

Попробуйте добавить .entry-cover{border-radius: 100px;} в свой CSS. Этот класс добавляется для элементов сверху.

0
.entry-cover { 
    border-radius:100px; 
} 

Используйте класс для вершинных сообщений