Невозможно переопределить свойства h2 в CSS

Question

Может кто-нибудь сказать мне, где я здесь не так, я легко позиционировал абзацы и заголовки, но по какой-то причине не могу переместить абзац «После того, как вы пройдете по пешеходным дорожкам ...» вверх ближе к заголовку h2 «местный вид на дамском пляже» (оба находятся внизу страницы-ссылки)

Проблема, похоже, связана как с характеристиками линии, так и с порами в нижней части тега заголовка h2, поэтому я «Я пытался переопределить оба, чтобы уменьшить разрыв - как видно из CSS, - но разрыв остается. Любая идея, почему CSS не фиксирует пробел? Благодаря

Вот CSS я попытался с помощью:

.betta h2 { 
margin-bottom: 0px; 
font-weight: 300; 
line-height: 1.00em; 
letter-spacing: 1px; 
} 

h1, h2, h3, h4, h5, h6 span { 
margin-bottom:0px; 
font-family:"Oswald", sans-serif; 
font-weight:300; 
line-height:1.00em; 
letter-spacing:1px; 
} 

Вот ссылка на страницу, проблема часть находится в нижней части страницы, спасибо.

http://dbtest.destinationballybunion.ie/?page_id=4952

Answer 1

можно переопределить с помощью !important. например:

h2 { 
    margin-bottom: 0px !important; 
} 

Answer 2

Похоже, у вас есть этот запас-bototm: 18px установить здесь ..

/wp-content/themes/pinboard/style.css линии 120

Я не» t знать, является ли это той же таблицей стилей, которую вы в настоящее время пытаетесь использовать, но вы можете переопределить ее, используя тот же/более класс/классы в этом же документе; или, включив вашу желаемую таблицу стилей ПОСЛЕ этого в вашей голове.

Answer 3

Похоже, что css, расположенный в головной секции, работает некорректно, и поэтому важная функция не работает (даже если она не нужна, поскольку она находится под вызовом таблицы стилей). Однако, если вы поместите код ниже в конец style.css, он работает просто отлично.

.betta h2 { 
    margin-bottom: 0px; 
} 

Я также заметил, что у вас есть несколько секций в голове, возможно, это то, что может вызвать конфликт. Я хотел бы предложить сгруппировать их и помещая их в отдельном листе и использовать @import в конце style.css, ссылка о том, как сделать это можно увидеть здесь: https://developer.mozilla.org/en/docs/Web/CSS/@import

Answer 4

Проблема, как представляется, в настоящее время на сайте, не относится к марже, но с линейной высотой. Попробуйте установить

.betta h2 { line-height: 1; }

не 1em.

Ваш HTML также настроен с span внутри h2.

h2line-height база создается с помощью font-size: 60px;, который применяется к h2, но span не зеркальное отображение этого. Удалите атрибут font-size из вашего h2, если вы хотите его отрегулировать.

Вы также можете изменить verticle-align: baseline; на verticle-align: centre; на пролет.