Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Кнопки "Выбрать файлы" и "Отправить на расчет"

1 week 2 days ago #1

  • Marats's Avatar
  • Marats
  • Posts: 180
Доброго дня!
Делаю позицию "Призыв к действию". Все поля формы в одной строке. Цель - отправка посетителем сайта файлов картинок. Но появились некоторые кракразябры (подробности на скрине).
1. При установке прозрачного фона формы и градиентного фона секции поле кнопки "Выбрать файлы" не растягивается по ширине колонки строки и имеет дополнительное непрозрачное белое поле справа.
2. При прикреплении файлов кнопка "Отправить на расчет" съезжает вниз вместе на одном уровне с последним прикрепленным файлом.

Как бы это можно порешать. Поковырялся в стилях - ничего толкового не нашел

1 week 2 days ago #2

  • Marats's Avatar
  • Marats
  • Posts: 180
schkaf.beget.tech/ ссылка на страницу

1 week 2 days ago #3

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14439
Здравствуйте,
Благодарим Вас за обращение к нам

Для этого нужно использовать css код

Пример кода
.ba-form-page .upload-file-btn {
    text-align: center;
    width: 100% !important;
}

.ba-form-page .ba-form-submit-field {
    align-items: flex-start;
}

С Уважением,
Вячеслав, Balbooa.com

1 week 2 days ago #4

  • Marats's Avatar
  • Marats
  • Posts: 180
А куда вставлять cуффикс класса?
И в каком формате? ba-form-page ba-form-submit-field?

1 week 2 days ago #5

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14439
Это был пример кода.

Вам нужно добавить класс custom-form для формы ( расширенные настройка )


и использовать код
.custom-form .ba-form-page .upload-file-btn {
    text-align: center;
    width: 100% !important;
}

.custom-form .ba-form-page .ba-form-submit-field {
    align-items: flex-start;
}

С Уважением,
Вячеслав, Balbooa.com

1 week 1 day ago #6

  • Marats's Avatar
  • Marats
  • Posts: 180
Появился ободок вокруг формы.

И еще перестала работать правая кнопка мышки

1 week 1 day ago #7

  • Marats's Avatar
  • Marats
  • Posts: 180
Появился ободок вокруг формы.

И еще перестала работать правая кнопка мышки

1 week 1 day ago #8

  • Marats's Avatar
  • Marats
  • Posts: 180
Странно. Чистил кэш и браузера и Jooomla - правая кнопка не работала. Добавил Gallery - заработала.

1 week 1 day ago #9

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14439
Здравствуйте,
Благодарим Вас за обращение к нам

Как мы видим вы добавили лишние классы и не в верном формате (точки не нужны)


С Уважением,
Вячеслав, Balbooa.com

1 week 1 day ago #10

  • Marats's Avatar
  • Marats
  • Posts: 180
Проблема была решена при настройке фона статического. Но при наведении на курсора на форму - появляется черный фон.

1 week 1 day ago #11

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14439
Отлично что вы нашли решение которое вам подходит.
Но классы которые вы добавили не правильные и стили соответственно не будут корректно работать

С Уважением,
Вячеслав, Balbooa.com
Powered by Kunena Forum