Support » Plugin: Buddypress Xprofile Custom Fields Type » Admin Extended Profile for HTML5 fields display differently

  • Resolved Garrett Hyder

    (@garrett-eclipse)


    Hello,

    Wanted to note a minor Aesthetic issue with the HTML5 fields (Website/Email) in the backend when you go to the Extended Profile tab the field inputs are displaced compared to the other fields. See screen http://i.imgur.com/XLCG3mX.png

    Digging into the inspector I noticed that these fields get wrapped in an additional div (.input-web or .input-email) which is interfering with the css selector for styling the label:
    Buddyprss CSS File: buddypress/bp-members/admin/css/admin.css
    .bp-profile-field .datebox > label, .bp-profile-field .radio > label, .bp-profile-field > label {
    display: inline-block;
    font-weight: 600;
    text-align: left;
    vertical-align: middle;
    width: 200px;
    }
    As it’s using the direct child selector > and the html5 fields have a div wrapping this style is no longer applied to the labels.

    So was thinking either have this style duplicated in the plugins admin.css with a corrected selector, or open a ticket with buddypress to update their selector or remove the div wrapper and simply place that class on the div for .bp-profile-field.

    Not a major issue but wanted to bring it to your attention.

    Cheers

    https://wordpress.org/plugins/buddypress-xprofile-custom-fields-type/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Miguel López

    (@atallos)

    You’re right. I’ve never noticed. Well, the div wraps some fields (birthdate, checkbox acceptance, datepicker, email and website). i don’t remember why I do this, maybe for some reason but now I can’t see why this div is useful so I will remove it in version 2.1.4.

    Thanks for letting me know!

    Garrett Hyder

    (@garrett-eclipse)

    No worries @donmik, appreciate the update.
    All the best

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Admin Extended Profile for HTML5 fields display differently’ is closed to new replies.