CSS snippet for Member Directory name text size

  • Resolved cmacintosh

    (@cmacintosh)


    1 year, 8 months ago

    Hi all – looking for a CSS snippet that will change the size, and perhaps colour, of FIRST NAME and LAST NAME in the Member Directory

Viewing 4 replies - 1 through 4 (of 4 total)

  • @cmacintosh

    You can try this custom CSS, where the first two are for the tagline and the second pair in the extra user information section.

    .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card  .um-member-tagline-first_name {
	font-size:20px !important;
	color: red !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card  .um-member-tagline-last_name {
	font-size:20px !important;
	color: red !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card  .um-member-metaline-first_name {
	font-size:20px !important;
	color: red !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card  .um-member-metaline-last_name {
	font-size:20px !important;
	color: red !important;
}
    Thread Starter cmacintosh

    (@cmacintosh)

    Thanks @missveronicatv

    I tried that but making no change…….I’ll investigate further.

    c

    @cmacintosh

    You can try to add this code snippet to your active theme’s functions.php file
    or use the “Code Snippets” Plugin

    https://www.ads-software.com/plugins/code-snippets/

    add_action( 'wp_head', function () { ?>
<style>

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card  .um-member-tagline-first_name {
	font-size:20px !important;
	color: red !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card  .um-member-tagline-last_name {
	font-size:20px !important;
	color: red !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card  .um-member-metaline-first_name {
	font-size:20px !important;
	color: red !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card  .um-member-metaline-last_name {
	font-size:20px !important;
	color: red !important;
}

</style>
<?php } );
    Plugin Support andrewshu

    (@andrewshu)

    Hi @cmacintosh

    This thread has been inactive for a while so we’re going to go ahead and mark it Resolved.

    Please feel free to re-open this thread if any other questions come up and we’d be happy to help. ??

    Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS snippet for Member Directory name text size’ is closed to new replies.