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 لسطح المكتب، وتمكنت من جعله يعمل (بعد بضع ساعات فقط 
)، ويبدو الآن تقريبًا بالطريقة التي أريدها (انظر لقطة الشاشة).
ربما أشارك الكود لاحقًا بعد تنظيفه وفهم الأجزاء التي أحتاجها فعليًا وكيفية محاذاة العناصر بشكل صحيح.
أنت لست وحدك 