Как я могу изменить свой заголовок h2 на <p>текст, сохраняя размер и выравнивание? - PullRequest
Новая
       25

Как я могу изменить свой заголовок h2 на <p>текст, сохраняя размер и выравнивание?

0 голосов
/ 21 июня 2019

Я хочу изменить свой текст <h2> на <p>.Но я хочу, чтобы он выглядел так же, как текст <h2>.

Я пытался изменить свой CSS безрезультатно: 

        <section id="" class="form container-fluid">
        <form id="frm_contact" action="" method="post" enctype=multipart/form-data" style="">
            <h2>Make an Enquiry</h2>
            <p>Make an Enquiry</p>                                                                          
            <p>Please ask us about any parts you need and we’ll get back to you shortly.</p>

Текст просто возвращается, очевидно, как стандартный pтекст, но я не могу понять, где я должен изменить код.

Я хочу, чтобы «Сделать запрос» (что в настоящее время h2) будет <p>, но по-прежнему выглядит так же.

image

Посмотрите, что я имею в виду здесь

Ответы [ 2 ]

2 голосов
/ 21 июня 2019

Большинство браузеров отображают <h2> с этими значениями по умолчанию Источник : 

h2 {
   display: block;
   font-size: 1.5em;
   margin-top: 0.83em;
   margin-bottom: 0.83em;
   margin-left: 0;
   margin-right: 0;
   font-weight: bold;
}

Итак, лучше всего добавить класс к элементу <p> с указанными выше свойствами.

HTML 

<p class="text-mod">Make an Enquiry</p>

CSS 

 .text-mod{ 
          display: block;
          font-size: 1.5em;
          margin-top: 0.83em;
          margin-bottom: 0.83em;
          margin-left: 0;
          margin-right: 0;
          font-weight: bold; 
        }

EDIT: Хорошо, поскольку вышеприведенное решение не сработало, оно должно быть из-за специфики.

Попробуйте переопределить свойства, используя! Важное: 

 .text-mod{ display: block !important;
            font-size: 1.5em !important;
            margin: 0.83em 0 !important;
            font-weight: bold !important;
          }

Примечание. Использование! Important - это крайняя мера, которая рекомендуется только в том случае, если ничего не помогает.

1 голос
/ 21 июня 2019

Я предлагаю вам изменить тег на <p> и использовать CSS-стиль для изменения его внешнего вида.

Например, вы можете сделать: 

<p class="headingText"> Make an Enquiry </p>

И в вашем файле CSS: 

.headingText {
       font-weight: bold;
       font-size: 14px;
     }

Подробнее о CSS вы можете узнать здесь: https://www.w3schools.com/css/

Если это не ответит на ваш вопрос, пожалуйста, дайте мне знать, как я могу вам помочь:)

ДОБАВИТЬ В ФАЙЛ CSS: 

.makeHeader {
  font-weight: bold;
  color:#000;
  text-transform: inherit;
  font-weight: 500;
    font-size: 32px;
}

Иметь тег так: 

<p class="makeHeader">Make an Enquiry</p>
...