Поддержка Проблемы и решения Неправильно работает border

  • Решено mishavorozhtsov

    (@mishavorozhtsov)


    Добрый день!

    На сайте хочу сделать границу у виджетов (в правой части сайта). Прописываю код:

    .widget {
    	border: 1px solid #ccc;
    	margin: 0;
    	padding: 1.5rem;
    	max-width: 100%;
    	word-wrap: break-word;
    }

    То есть указываю border, но, как видите почему-то рисует три границы, но нижнюю нет.

    Вот хочу понять, в чём тут может быть проблема?
    Пытался ниже добавлять border-bottom: 1px solid #ccc, но никакой реакции.
    Если есть идеи — подскажите, пожалуйста.

    • Тема изменена 1 год, 5 месяцев назад пользователем Denis Yanchevskiy. Причина: Оформление кода

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • научитесь пользоваться инспектором кода в браузере, сразу вопросы отпадут.
    у вас в стилях прописано:

    
    	.site-header,
    	.widget,
    	.page-header,
    	.site-main > article,
    	.post-wrapper > article,
    	.type-post,
    	.type-page,
    	.type-attachment,
    	.comment,
    	.comments-title,
    	.comment-navigation,
    	.comment-respond,
    	.post-navigation .nav-links .nav-previous,
    	.post-navigation .nav-links .nav-next,
    	.pagination,
    	.infinite-scroll #infinite-handle span {
    		margin-bottom: 1rem;
    		border-bottom: none;
    	}
    

    поэтому нижней границы нет.
    добавьте у border !important; — нижняя граница появится.

    @flector огромное спасибо, помогло!

    буду учиться:)

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Тема «Неправильно работает border» закрыта для новых ответов.