За последние 24 часа нас посетили 20160 программистов и 1083 робота. Сейчас ищут 753 программиста ...

Title формы

Тема в разделе "HTML и CSS", создана пользователем Sergey-911, 13 дек 2021.

Метки:
  1. Sergey-911

    Sergey-911 Новичок

    С нами с:
    31 май 2020
    Сообщения:
    12
    Симпатии:
    0
    Всем добрый день!
    На странице сайта https://grandplaneta.com/sdat-kvartiru-v-moskve/ есть 2-е формы обратной связи. Сайт на Битриксе (конструктор Феникс). Мне нужно выделить заголовок формы другим цветом (как на вложенном скрине). Но у этих форм свойства Title нет. Не подскажете, как это реализовать, скажем через CSS стили?
    Спасибо.
    [​IMG]
     
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.734
    Симпатии:
    1.315
    Адрес:
    Лень
    google: как изменить цвет текста html
     
  3. Sergey-911

    Sergey-911 Новичок

    С нами с:
    31 май 2020
    Сообщения:
    12
    Симпатии:
    0
    В настройках формы нет возможности поменять цвет заголовка. Цвет текста менять не нужно, если что.
     
  4. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.734
    Симпатии:
    1.315
    Адрес:
    Лень
    каких в настройках ? html открой
    background-color
     
  5. Sergey-911

    Sergey-911 Новичок

    С нами с:
    31 май 2020
    Сообщения:
    12
    Симпатии:
    0
    Для начала, CSS...
    Код (Text):
    1. .BlokFormaRaschet .form .questions.active .title,
    2. .PerviyBlokForma .form .questions.active .title {
    3.     padding-right: 0px;
    4.     padding-left: 0px;
    5.     background-color: #d8d8d1;
    6.     margin-top: -30px;
    7.     padding-top: 10px;
    8.     padding-bottom: 10px;
    9. }
    У меня проблема не в том, как цвет задать...
    Часть задачи сделал, см. код выше. Теперь, мне нужно заливку растянуть на всю ширину формы...
    Спасибо.


    [​IMG]
     
  6. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.734
    Симпатии:
    1.315
    Адрес:
    Лень
    Определись что хотел. Удачи в изучении основ o_O
     
  7. Sergey-911

    Sergey-911 Новичок

    С нами с:
    31 май 2020
    Сообщения:
    12
    Симпатии:
    0
    Ну, все верно. Цвет заголовка формы, а не текста. Даже картинку сделал. Что не так?
    --- Добавлено ---
    Лучше скажи, как выделение растянуть.
     
  8. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.734
    Симпатии:
    1.315
    Адрес:
    Лень
  9. Sergey-911

    Sergey-911 Новичок

    С нами с:
    31 май 2020
    Сообщения:
    12
    Симпатии:
    0
    Всем спасибо!
    В общем, получился вот такой костыль:
    Код (CSS):
    1. /*Заголовок формы*/
    2. .BlokFormaRaschet .form .questions.active .title,
    3. .PerviyBlokForma .form .questions.active .title {
    4.     /*Цвет заголовка формы*/
    5.     background-color: #d8d8d1;
    6.     margin-top: -30px;
    7.     padding-top: 15px;
    8.     padding-bottom: 10px;
    9. }
    10. /*Заливка заголовка во всю ширину (убираем отступ в родительском контейнере Title)*/
    11. .BlokFormaRaschet .form,
    12. .PerviyBlokForma .form {
    13.     padding-left: 0;
    14.     padding-right: 0;
    15. }
    16. /*Уменьшаем поля ввода формы, т.к. в родительском контейнере убрали отступы Padding*/
    17. @media (max-width: 767.9px) {
    18.     /*Уменьшаем поля ввода формы для телефона, т.к. в родительском контейнере убрали отступы Padding*/
    19.     .BlokFormaRaschet .form .questions.active .col-12,
    20.     .PerviyBlokForma .form .questions.active .col-12 {
    21.         padding-left: 15px;
    22.         padding-right: 15px;
    23.     }
    24.     /*Выравниваем радиобоксы выбора комнат*/
    25.     .BlokFormaRaschet .form label.input-radio-css {
    26.         padding-right: 13px;
    27.     }
    28. }
    29. @media (min-width: 768px) {
    30.     /*Уменьшаем поля ввода формы для ПК, т.к. в родительском контейнере убрали отступы Padding*/
    31.     .BlokFormaRaschet .form .questions.active .col-12,
    32.     .PerviyBlokForma .form .questions.active .col-12 {
    33.         padding-left: 25px;
    34.         padding-right: 25px;
    35.     }
    36.     /*Выравниваем радиобоксы выбора комнат*/
    37.     .BlokFormaRaschet .form label.input-radio-css {
    38.         padding-right: 15px;
    39.     }
    40. }
    41. /*Увеличиваем ширину контейнера заголовка формы*/
    42. .BlokFormaRaschet .form .questions.active .title,
    43. .PerviyBlokForma .form .questions.active .title {
    44.     /*Надпись заголовка формы в одну линию*/
    45.     padding-right: 0px;
    46.     padding-left: 0px;
    47. }


    MouseZver
    , ты всегда пытаешься казаться выше остальных? Смысл читать нотации, если к тебе обратились за помощью?