Is there a way to modify the layout of the signup page? More precisely, I would need to make the left column a good bit wider to make space for some custom field labels:
Edit the CSS in Admin, Customize as needed
This CSS mod seems to work:
.create-account .user-field label {
width: 190px
}
.create-account .user-field .controls {
margin-left: 200px
}
Mobile is a bit more tricky but at least on High Resolution screens, this seems to work without adjusting the width of the actual field/combobox:
.create-account .user-field label {
width: 140px
}
.create-account .user-field .controls {
margin-left: 140px
}Привет, @tophee,
Интересует, как вам удалось расположить заголовок поля в первом столбце, а короткое название поля и описание — во втором?
На моём сайте сейчас это выглядит так:
Это занимает излишне много места, а широкие поля выглядят не очень хорошо.
Я пробовал поиграть с
display: flex, но ничего не получилось — мои навыки работы с CSS пока довольно базовые. Буду благодарен за любую помощь.
Извините, я делал это много лет назад и не помню, как именно это было сделано, кроме того, что задокументировано здесь.
Я не уверен, но могу предложить три объяснения различий между моим и вашим скриншотом:
- CSS по умолчанию изменился с 2017 года.
- Макет отличается, если вы используете пользовательские поля (как я делал в то время).
- Я изменил это, но не помню, что сделал это или как именно.
Спасибо за быстрый ответ. У меня также есть пользовательские поля, так что пункт 2, скорее всего, не является проблемой. Думаю, с тех пор CSS по умолчанию мог измениться.
Я создал компонент темы, добавил немного CSS для десктопной версии и сумел заставить это работать (хоть и потратил на это несколько часов 
). Теперь всё выглядит примерно так, как я хотел (см. скриншот).
Позже я, возможно, поделюсь кодом, когда приведу его в порядок, пойму, какие части мне действительно нужны, и разберусь, как правильно выравнивать элементы.
Вы не одиноки 