Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I'm using Sky 7.x-2.3 on top of AdaptiveTheme.
On forms where I have a line with multiple text boxes I see a consistent mis-alignment of the first text box with the others. An example from the Ubercart module can be seen in the attached image file. Is this an AdaptiveTheme issue, a Sky issue, or something else?
Comment | File | Size | Author |
---|---|---|---|
text-boxes.jpg | 16.65 KB | sah62 |
Comments
Comment #1
Jeff Burnz CreditAttribution: Jeff Burnz commentedThis is time consuming for me to setup, is there any chance you have this online and I can access it?
Comment #2
sah62 CreditAttribution: sah62 commentedI have it online, but the only place I see it is in an admin-only Ubercart order area. I can capture and share HTML source if it helps.
Comment #3
Jeff Burnz CreditAttribution: Jeff Burnz commentedNot going to help, need to see it. Sorry, but I don't have time to set this up and debug it, not any time soon I'm afraid. No one else has mentioned this and the theme has been around for a while, so assuming this to be an edge case (something quite possibly unique to your setup).
FWIW this is a front end theme, not an admin theme.
Comment #4
Jeff Burnz CreditAttribution: Jeff Burnz commentedPostponing until such time this can be debugged.
Comment #5
sah62 CreditAttribution: sah62 commentedBy "admin" I meant "Ubercart store admin", not "Drupal admin".
I'll see if I can find a public way to make the alignment issue visible.
Comment #6
sah62 CreditAttribution: sah62 commentedI think I found the problem by inspecting elements with the Chrome browser. This is the style that's causing the problem:
.fieldset-wrapper .form-item:first-child {
margin-top: 0.4em;
}
When I disable this style the problem disappears. The css file (sky/css/forms.css) comes from the Sky theme. Should I move this to the Sky issue queue?
Comment #7
Jeff Burnz CreditAttribution: Jeff Burnz commentedI'll need to test what effect that has on other forms, given the edge-case-ness of this I am not very tempted to change it.
Can you copy/paste in the entire form HTML from a view source.
Comment #8
sah62 CreditAttribution: sah62 commentedSure, here's the form with personal information removed:
Comment #9
Jeff Burnz CreditAttribution: Jeff Burnz commentedSo you can use the form ID...
Comment #10
sah62 CreditAttribution: sah62 commentedSorry, I don't understand - are you saying that I should just override the style? Yes, I could do that.
Comment #11
Jeff Burnz CreditAttribution: Jeff Burnz commentedYes, override the style rather than removing it, because you will most likely, at some point, run into an issue by removing it.
I can add this to the theme, rather than removing it also.
Comment #12
sah62 CreditAttribution: sah62 commentedConfirmed - overriding the style works. Thanks for the diagnostic help!
#uc-shipping-shipment-edit .fieldset-wrapper .form-item:first-child {
margin-top: 16px;
}
Comment #13
haggan CreditAttribution: haggan commentedThe same align problems occur when using address field.