Unverified

Name

Ultimate Member

Language

CSS

Rating

Voted: 0 by 0 user(s)

Codevault

ORSGroup

Scroll down to see more snippets from this codevault.

Wordpress Compatability

The author has indicated that this snippet is compatable up to wordpress version: 6.4

Code Snippet Plugin Sync

Free & Pro

Download this snippet by clicking the download button, then head over to the Code Snippet Plugin settings in your wordpress admin dashboard, select the import menu then upload this file to import into your wordpress site.

Pro Only (Coming Soon)

You will be able to click a button and sync this snippet to your wordpress site automatically and from your dashboard manage all code snippets across all your wordpress sites that have the Code Snippets Pro plugin installed.

History

Last modified:

14/04/2024

Important Note

This snippet has the following status:

Unverified

This snippet has not been verified, use with caution and at your own risk. See details provided by author in sidebar and click below to find out more.

Ultimate Member

 
                    
1/*ULTIMATE MEMBER*/
2/* member directory grid with 4 columns */
3.um-directory:not(.uimob340):not(.uimob500):not(.uimob800):not(.uimob960) .um-members-wrapper .um-members.um-members-grid .um-member {
4 width: 21%;
5 border: 0px;
6}
7.um-directory .um-members-wrapper .um-members.um-members-grid .um-member{
8 height: 300px!important;
9}
10/* Hide Profile tabs*/
11.um-profile-nav-bar {
12 display: none!important;
13 
14}
15 
16/*
17!!!USER DIRECTORY STYLE!!! */
18 .um-member-name a {
19 
20 font-size: 16px!important;
21 padding-bottom: 5px!important;
22 margin-top: -20px!important;
23}
24 
25/*
26Hide edit profile on backend*/
27.um-members-edit-btn {
28 display: none!important;
29}
30 
31/*
32Directory Meta */
33.um-directory .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-tagline .um-member-tagline-uat_qual
34{
35 
36 font-weight: 100
37}
38/*Job Title*/
39.um-member-tagline.um-member-tagline-uat_jobt{
40 margin: -12px 15px 0 15px!important;
41 margin: 4px!important;
42 margin-top: -5px!important;
43 padding: 5px!important;
44 border-top: 10px!important;
45 background: #8F2B8B!important;
46 color: #fff;
47 border-radius: 12px;
48 font-weight: 600;
49 line-height: 30px;
50 color: #fff!important;
51 
52}
53 
54 
55 background:#d71586!important;
56 
57}
58.um-member-tagline.um-member-tagline-uat_jobt{
59 margin: -12px 15px 0 15px!important;
60 margin: 4px!important;
61 padding: px!important;
62 border-top: 10px!important;
63 background:#d71586!important;
64 color: #fff;
65 border-radius: 12px;
66 font-weight: 600;
67 line-height: 30px;
68 
69}
70/* Directory Staff Qualifications*/
71.um-member-tagline.um-member-tagline-uat_qual
72{
73 font-style: italic;
74 font-size: 12px!important;
75}
76/* Hide field name of extra meta */
77 
78.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta strong {
79 display: none!important;
80}
81 
82{
83background:#fff!important;
84 
85}
86 
87 
88 
89 
90/* Background Color*/
91.boot-container-fluid, body.boot-container-fluid {
92 background: #fff;
93}
94 
95/* Expertise Profile */
96.um-profile-two-content .um-profile-nav {
97 display: ;
98 
99 
100}
101 
102 
103img.gravatar.avatar.um-avatar.um-avatar-uploaded {
104/* width: 300px!important;
105 height: 300px!important; */
106 border-radius: 200px!important;
107}
108/*
109Expertise Profile Image */
110.um-profile-photo {
111/* width: 300px!important; */
112}
113/*
114About Me */
115.um-field-label label {
116 font-size: 25px !important;
117 line-height: 2px !important;
118 font-weight: bold;
119 font-weight: 600;
120 color: #D71387;
121 font-family: 'Poppins';
122 
123}
124 
125.um-theme-profile-single-content-container, .um-theme-profile-single-sidebar-container {
126 -webkit-box-shadow: 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, .11);
127 box-shadow: none;
128 border: none;
129 margin-top: 25px;
130 margin-bottom: 25px;
131}
132/*
133Expertise Professional Content */
134.um-field-value p {
135 margin: 0 0 6px 0 !important;
136 padding: 0;
137 font-family: "Poppins", Sans-serif;
138 font-size: 16px;
139 font-weight: 400;
140}
141span.b {
142 display: none!important;
143}
144/* Expertise User Meta */
145 .um-meta span {
146 margin: 0 5px;
147 font-size: 18px;
148 display: contents;
149}
150 
151/* span.um-user-tag.um-tag-32 a {
152 font-size: 20px;
153 font-family: 'Poppins';
154 position: relative;
155 top: -12px;
156} */
157 
158span.um-user-tag a {
159 background: #eee!important;
160 color: #333!important;
161 font-family: 'Poppins';
162 font-size: 12px;
163 padding: 5px 20px;
164/* border-radius: 100px; */
165 font-weight: 500;
166 line-height: 30px;
167}
168 
169.um-profile-two .um-profile-meta {
170 padding: 0 0 5px 0 !important;
171 margin-bottom: 5px;
172 text-align: center;
173 border-bottom: 0;
174}
175 
176/* .um-user-tag {
177 background: transparent!important;
178 border: 0!important;
179 border-radius: 0;
180 display: block;
181 float: left;
182 color: #666;
183 font-size: 12px;
184 cursor: pointer;
185 transition: all .2s linear;
186 padding: 1px 8px;
187 margin: 4px 8px 4px 0;
188 width: 100%;
189}
190 
191.um-member-tagline.um-member-tagline-company_position span.um-user-tag {
192 background: #fff!important;
193 border: 0;
194 padding: 0!important;
195} */
196 
197.elementor-tab-content {
198 background: #fff!important;
199}
200 
201.elementor-active {
202 background: #d71387;
203 border-radius: 50px;
204}
205 
206.boot-col-md-9 {
207 -ms-flex: 0 0 70%;
208 flex: 0 0 70%;
209 max-width: 70%;
210}
211 
212.boot-col-md-3 {
213 -ms-flex: 0 0 30%;
214 flex: 0 0 30%;
215 max-width: 30%;
216}
217/*
218Position User Tags */
219span.um-user-tag.um-tag-633 a, span.um-user-tag.um-tag-488 a, span.um-user-tag.um-tag-508 a, span.um-user-tag.um-tag-482 a, span.um-user-tag.um-tag-573 a, span.um-user-tag.um-tag-599 a,
220span.um-user-tag.um-tag-474 a, span.um-user-tag.um-tag-680 a,
221span.um-user-tag.um-tag-681 a, span.um-user-tag.um-tag-491 a, span.um-user-tag.um-tag-580 a, span.um-user-tag.um-tag-682 a, span.um-user-tag.um-tag-683 a, span.um-user-tag.um-tag-684 a, span.um-user-tag.um-tag-685 a, span.um-user-tag.um-tag-659 a, span.um-user-tag.um-tag-538 a, span.um-user-tag.um-tag-559 a, span.um-user-tag.um-tag-555 a, span.um-user-tag.um-tag-487 a, span.um-user-tag.um-tag-686 a, span.um-user-tag.um-tag-687 a, span.um-user-tag.um-tag-688 a, span.um-user-tag.um-tag-500 a, span.um-user-tag.um-tag-629 a, span.um-user-tag.um-tag-544 a, span.um-user-tag.um-tag-32 a, span.um-user-tag.um-tag-689 a, span.um-user-tag.um-tag-690 a, span.um-user-tag.um-tag-563 a, span.um-user-tag.um-tag-598 a, span.um-user-tag.um-tag-541 a, span.um-user-tag.um-tag-692 a, span.um-user-tag.um-tag-693 a, span.um-user-tag.um-tag-694 a, span.um-user-tag.um-tag-695 a, span.um-user-tag.um-tag-592 a, span.um-user-tag.um-tag-534 a, span.um-user-tag.um-tag-696 a, span.um-user-tag.um-tag-697 a, span.um-user-tag.um-tag-698 a, span.um-user-tag.um-tag-699 a, span.um-user-tag.um-tag-700 a, span.um-user-tag.um-tag-476 a, span.um-user-tag.um-tag-570 a, span.um-user-tag.um-tag-545 a, span.um-user-tag.um-tag-570 a, span.um-user-tag.um-tag-465 a, span.um-user-tag.um-tag-470 a, span.um-user-tag.um-tag-593 a, span.um-user-tag.um-tag-582 a, span.um-user-tag.um-tag-484 a, span.um-user-tag.um-tag-464 a, span.um-user-tag.um-tag-507 a, span.um-user-tag.um-tag-469 a, span.um-user-tag.um-tag-601 a, span.um-user-tag.um-tag-479 a, span.um-user-tag.um-tag-701 a, span.um-user-tag.um-tag-702 a, span.um-user-tag.um-tag-691 a, span.um-user-tag.um-tag-497 a, span.um-user-tag.um-tag-531 a, span.um-user-tag.um-tag-597 a, span.um-user-tag.um-tag-466 a, span.um-user-tag.um-tag-571 a, span.um-user-tag.um-tag-499 a, span.um-user-tag.um-tag-475 a, span.um-user-tag.um-tag-703 a, span.um-user-tag.um-tag-704 a, span.um-user-tag.um-tag-705 a, span.um-user-tag.um-tag-706 a, span.um-user-tag.um-tag-707 a, span.um-user-tag.um-tag-587 a{
222 background: #da1387!important;
223 font-size: 13px;
224 text-transform: uppercase;
225 line-height: 45px;
226 color: #fff!important;
227 border-radius: 50px;
228}
229span.um-user-tag.um-tag-488 a, span.um-user-tag.um-tag-482 a, span.um-user-tag.um-tag-599 a, span.um-user-tag.um-tag-681 a, span.um-user-tag.um-tag-683 a, span.um-user-tag.um-tag-685 a, span.um-user-tag.um-tag-659 a, span.um-user-tag.um-tag-687 a, span.um-user-tag.um-tag-580 a, span.um-user-tag.um-tag-32 a, span.um-user-tag.um-tag-690 a, span.um-user-tag.um-tag-693 a, span.um-user-tag.um-tag-694 a, span.um-user-tag.um-tag-700 a, span.um-user-tag.um-tag-545 a, span.um-user-tag.um-tag-702 a, span.um-user-tag.um-tag-706 a, span.um-user-tag.um-tag-491 a{
230 position: relative;
231 top: -12px;
232}
233/*
234span.um-user-tag.um-tag-474 a {
235 position: relative;
236 top: -24px;
237} */
238 
239span.um-user-tag.um-tag-660 a {
240 position: relative;
241 top: -20px;
242}
243 
244span.um-user-tag.um-tag-698 a {
245 position: relative;
246 top: -24px;
247}
248 
249/* span.um-user-tag.um-tag-454 a {
250 position: relative;
251 top: -20px;
252} */
253 
254/*
255Location User Tags */
256span.um-user-tag.um-tag-634 a, span.um-user-tag.um-tag-459 a, span.um-user-tag.um-tag-455 a, span.um-user-tag.um-tag-452 a, span.um-user-tag.um-tag-453 a, span.um-user-tag.um-tag-605 a, span.um-user-tag.um-tag-457 a, span.um-user-tag.um-tag-454 a, span.um-user-tag.um-tag-456 a, span.um-user-tag.um-tag-460 a, span.um-user-tag.um-tag-461 a, span.um-user-tag.um-tag-458 a,
257span.um-user-tag.um-tag-612 a, span.um-user-tag.um-tag-451 a, span.um-user-tag.um-tag-462 a{
258 background: #fff!important;
259 font-size: 13px;
260 line-height: 45px;
261}
262/*
263span.um-user-tag.um-tag-683 a {
264 position: relative;
265 top: -24px;
266} */
267/* HERE!!!!!!!!!!!!!
268Display Fields Below Biography */
269/* .um-profile-two-content .um-profile-body .um-field-user_tags, [id^=sb_youtube_].sb_youtube .sb_youtube_header {
270 display: none;
271} */
272 
273Profile Body */
274.um-field {
275 position: relative;
276 padding: 0;
277 margin-top: 0px;
278/* margin-bottom: 60px; */
279}
280 
281 
282.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span {
283 width: 100%;
284}
285/*
286Accordion Tab */
287 
288.elementor-widget-accordion .elementor-tab-content {
289 color: var( --e-global-color-text );
290 font-family: var( --e-global-typography-text-font-family ), Sans-serif;
291 font-weight: var( --e-global-typography-text-font-weight );
292 background: #d7138726!important;
293}
294 
295.um-member-metaline.um-member-metaline-company_position strong {
296 display: none!important;
297 
298}
299 
300 
301 
302}
303/* Directory User Quals*/
304.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card {
305 
306}
307 
308.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline {
309 padding: 0 0 0 !important;
310 display: !important;
311 
312 
313 
314}
315 
316span.um-user-tag {
317 background: #d71387!important;
318 color: #fff!important;
319 pointer-events: none;
320}
321 
322span.um-user-tag a {
323 background: #d71387!important;
324 color: #fff!important;
325}
326 
327 
328span.um-user-tag a:hover{
329 color: #333!important;
330}
331 
332.um-user-tag:hover, .um-user-tag:focus, .um-user-tag:active, .um-user-tag.active {
333/* background-color: #d71387 !important; */
334 border-color: #d71387 !important;
335 color: #fff=!important;
336}
337 
338.um-user-tag {
339 border: 0!important;
340}
341 
342.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img {
343 border: none;
344 width: 300px;
345 height: 300px;
346}
347 
348.ssba, .ssba a {
349 padding-top: 15px!important;
350}
351 
352img.ui.avatar.image {
353 border-radius: 100%!important;
354}
355 
356/*
357!!!USER PROFILE STYLE!!! */
358/* Text Allignment*/
359.um-meta span {
360 display: inherit;
361}
362 
363/* User Profile Photo*/
364.um-profile-photo a.um-profile-photo-img img {
365 border-radius: 100%!important;
366 
367}
368 
369/* User Name*/
370 
371}
372 
373 /* Job Title*/
374.um-meta span:first-child {
375 margin: 0 5px 0 0;
376 font-size: 16px!important;
377 color: #000;
378 font-weight: 600;
379}
380/*Job Title*/
381.um-meta span {
382 margin: 0 5px;
383 font-size: 16px;
384 color: #494949;
385 font-family: 'Poppins';
386}
387/* Job Title styling*/
388.um-meta span:nth-child(1) {
389 background: #d71387!important;
390 color: #fff!important;
391 padding: 6px;
392 padding-bottom: 6px;
393 border-radius: 12px;
394 margin-bottom: 10px;
395 margin-left: auto-flow;
396 margin-right: auto-flow;
397}
398/*User Quals*/
399.um-meta span:nth-child(3) {
400 font-weight: 400;
401 font-size: 12px;
402 padding: 10px;
403 padding-bottom: px;
404 margin-bottom: -10px;
405 margin-top: -15px;
406 margin-left: auto-flow;
407 margin-right: auto-flow;
408 font-style: italic;
409}
410/* User Country*/
411.um-meta span:nth-child(5) {
412 font-size: 16px;
413 font-weight: 500;
414 line-height: 3;
415 padding-top: 20px;
416 margin-bottom: -10px
417 
418}
419/* User Office */
420.um-meta span:nth-child(7) {
421 font-size: 16px;
422 font-weight: 400;
423 line-height: 2;
424 display: inline
425 
426}
427 
428.um-meta span:nth-child(7):after {
429 content: ",";
430}
431 
432/*User State*/
433.um-meta span:nth-child(9) {
434 font-size: 16px;
435 font-weight: 400;
436 line-height: 2;
437 margin-left: -2px;
438 display: inline
439 
440 
441}
442.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
443 padding-top: 0!important;
444}
445 
446/* User Biography */
447.um-profile .um-profile-body {
448 position: relative;
449 padding-top: 0;
450 top: -28px;
451 margin-bottom: -100px!important; /*change*/
452}
453 
454.ssbp-wrap .ssbp-list {
455 margin-left: -14px!important;
456}
457 
458/*unused*
459.um-meta span:nth-child(11):before {
460 font-weight: 700;
461 content: "Languages Spoken:";
462 content: "a\";
463 padding-bottom: 10px;
464 border-radius: 10px;
465 margin: 10px 0!important;
466 background: !important;
467 color: #d71387!important;
468 border-radius: 12px;
469*/
470}
471 
472 
473}
474.um-meta span:nth-child(11) {
475 
476}
477 
478.um-meta span:nth-child(13):before {
479 content: "Languages Spoken:\a";
480 white-space: pre;
481 color: #d71387!important;
482}
483 
484.um-meta span:nth-child(13) {
485 margin: 10px 0!important;
486}
487 
488.um-meta span:nth-child(13):before {
489 font-weight: 600;
490}
491 
492/*
493Mobile Menu Nav */
494@media only screen and (max-width: 414px) {
495.um-page-user .boot-col-md-9, .um-page-user .boot-col-md-3 {
496 -ms-flex: 0 0 100%!important;
497 flex: 0 0 100%!important;
498 max-width: 100%!important;
499 padding: 0 40px;
500}
501 
502 .uimob500 .um-below-profile-two {
503 width: 100%;
504 float: left;
505 display: none;
506}
507 .um-field.um-field-shortcode.um-field-shortcode.um-field-type_shortcode {
508 padding-top: 0px!important;
509}
510 
511 .um-profile-body {
512 text-align: center
513 }
514 
515 
516/* .elementor-element-d958e80 {
517 padding-top: 90px;
518} */
519 .um-profile-content-container {
520 margin: 0;
521}
522 
523 .um-692.um .um-profile-body {
524 padding: 0!important;
525 }
526 
527body {
528 overflow-y: auto!important;
529}

0

Related Snippets

Please see some snippets below related to this snippet..

Styling

Unverified

0

Custom Elementor CSS Background Effect

Added: 1 year ago

Last Updated: 1 year ago

Animated Rainbow Gradient & Transition Effect for Elementor Section Background

Styling

AI Verified

0

Add your own CSS to the WooCommerce emails

Added: 2 years ago

Last Updated: 1 year ago

The default WooCommerce emails may look a bit dull. You can add your own styles via the following WooCommerce snippet:

Styling

AI Verified

0

add bootstrap to theme

Added: 1 year ago

Last Updated: 1 year ago

This code is a function in WordPress that is used to enqueue stylesheets.

Other Snippets in this Codevault

These are some popular snippets from this users codevault..

Styling

Unverified

0

Ultimate Member

Added: 5 months ago

Last Updated: 5 months ago