How to edit CSS for Ultimate Member directory filters

  • Resolved wesmed

    (@wesmed)


    1 year, 9 months ago

    Hello, I am currently using Ultimate Member for managing two user types. I have set up two separate user profile forms, each containing ~15 custom questions/fields. I have added the custom fields to each member directory, but on the front end of the site, the dropdown filters are displayed horizontally, and I would like for them to be displayed vertically- like a sidebar.

    Because each member directory has so many filters, they span across the screen to the point where they are cut off on the right side of the page and are no longer visible. I think this is a CSS issue?? How do I adjust the filters so that they are displayed vertically on the side of the page (like most websites)?

    NOTE: I am very new to websites and still learning (a lot!), so breaking it down would be GREATLY appreciated.

Viewing 15 replies - 16 through 30 (of 52 total)

  • @wesmed

    Hide filter fields based on the field visibility.

    This is the comment by UM for the template update.

    Thread Starter wesmed

    (@wesmed)

    @missveronicatv

    Are you referring to the “Visibility” setting in the form field editor? All of my form fields are set to “View Everywhere”.

    @wesmed

    The UM core function um_can_view_field
    is looking at the field’s Privacy setting.

    • This reply was modified 1 year, 9 months ago by missveronica.
    • This reply was modified 1 year, 9 months ago by missveronica.
    Thread Starter wesmed

    (@wesmed)

    @missveronicatv

    I’m not sure I understand what you mean by this?

    @wesmed

    Privacy settings in the right column in the UM Fields Builder modal with these values.

    Everyone
    Members
    Only visible to profile owner and users who can edit other member accounts
    Only specific member roles
    Only visible to profile owner and specific roles

    • This reply was modified 1 year, 9 months ago by missveronica.
    Thread Starter wesmed

    (@wesmed)

    @missveronicatv

    My privacy settings in the UM Field Builders are set to “Everyone” and visibility settings are “View Everywhere”, however, I’m still unable to view the members’ profiles. Any thoughts?

    • This reply was modified 1 year, 9 months ago by wesmed.

    @wesmed

    Rename your custom members.php to xmembers.php so you will get the default UM template active. Show Members Directory in default format.

    Thread Starter wesmed

    (@wesmed)

    @missveronicatv

    Still the same issue with the default UM members.php format.

    @wesmed

    Try to
    Save/Update all your Profile Form fields.
    Update the Profile Form
    Update the Members Directory Form

    Thread Starter wesmed

    (@wesmed)

    @missveronicatv

    I saved/updated all the fields, forms, and directory, but I still cannot see the members’ profiles when I click on them:/

    @wesmed

    Look in your browser’s web console if you have any JavaScript errors.

    Right button click on your mouse select Inspect then console in the menu.

    • This reply was modified 1 year, 9 months ago by missveronica.
    • This reply was modified 1 year, 9 months ago by missveronica.
    Thread Starter wesmed

    (@wesmed)

    @missveronicatv

    After inspecting the page I see one error:

    Incorrect use of <label for=FORM_ELEMENT><label for=”FORM_ELEMENT”></label>

    The label’s?for?attribute doesn’t match any element?id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.

    To fix this issue, make sure the label’s?for?attribute references the correct?id?of a form field.

    AFFECTED RESOURCE:

    • Violating node

    Once I click on the violating node link, it directs me to this line:

    <label for="cover_photo">Change your cover photo</label> == $0

    I’m not sure at all what this means, but would you think this is the issue? I really appreciate your time helping me with this by the way!

    @wesmed

    Which browser are you using?
    Try to test with another browser.

    Thread Starter wesmed

    (@wesmed)

    @missveronicatv

    I’m using Chrome. I just tried Microsoft Edge, but that didn’t work either.

    @wesmed

    It’s not a plugin conflict- I’ve already checked.

    Did you check if it’s a conflict with your Theme?
    Replace your Theme with one of the WordPress basic Themes.

Viewing 15 replies - 16 through 30 (of 52 total)
  • The topic ‘How to edit CSS for Ultimate Member directory filters’ is closed to new replies.

Tags