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

Неправильно работает border

  • Решено mishavorozhtsov

    (@mishavorozhtsov)


    4 года, 8 месяцев назад

    Добрый день!

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

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

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

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

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

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

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Flector

    (@flector)

    4 года, 8 месяцев назад

    научитесь пользоваться инспектором кода в браузере, сразу вопросы отпадут.
    у вас в стилях прописано:

    
	.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; — нижняя граница появится.

    Автор mishavorozhtsov

    (@mishavorozhtsov)

    4 года, 8 месяцев назад

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

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

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

Метки темы

Просмотр