Skip to content

Instantly share code, notes, and snippets.

@yuriinalivaiko

yuriinalivaiko/member_directory_columns.css

Created October 6, 2022 17:58
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save yuriinalivaiko/7f72548c06545bda55d8e5d9ab241f6b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save yuriinalivaiko/7f72548c06545bda55d8e5d9ab241f6b to your computer and use it in GitHub Desktop.
Download ZIP
This CSS code snippet changes the grid layout of the member directory in the Ultimate Member plugin to 4 columns. This snippet influences only large screens where the member directory is wider than 960px.
Raw
member_directory_columns.css
/* member directory grid with 4 columns */
.um-directory:not(.uimob340):not(.uimob500):not(.uimob800):not(.uimob960) .um-members-wrapper .um-members.um-members-grid .um-member {
width: 21%;
}
@yuriinalivaiko

yuriinalivaiko commented Oct 6, 2022

Copy link
Copy Markdown
Author

This gist is a part of the article How to change the number of members per row in grid view in Member Directory

Documentation: https://docs.ultimatemember.com/
Support forum: https://wordpress.org/support/plugin/ultimate-member/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment