• Hello, by default on profil page, the value of um-field-label is under with line

    How to display like this ( on same line )

    first name : Michel

    Thanks for your help
    Regards

    Michel

    • This topic was modified 3 weeks, 1 day ago by benenoo.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Aswin Giri

    (@aswingiri)

    Hello @benenoo

    Please try following CSS codes:

    .um-profile.um-viewing .um-field {
            clear: both;
        }
    
        .um-profile.um-viewing  .um-field-label {
            border:none;
            padding-bottom: 0;
            display: inline-block;
            float: left;
            margin-right: 10px;
        }
    
        .um-profile.um-viewing .um-field-label .um-clear {
            display: none;
            clear: none;
        }
    
        .um-profile.um-viewing .um-field-area {
            display: inline-block;
            float: left;
        }

    Please feel free to make changes as per your requirement.

    Thread Starter benenoo

    (@benenoo)

    Thanks works well, but the field is too close the value, so I modify by this

    And also add : bettween the field and value

    can you tell me if its correct ?

    .um-profile.um-viewing .um-field {
            clear: both;
        }
    
        .um-profile.um-viewing  .um-field-label {
            border:none;
            padding-bottom: 0;
            display: block;
            float: left;
            margin-right: 10px;
        }
    
        .um-profile.um-viewing .um-field-label .um-clear {
            display: none;
            clear: none;
        }
    
        .um-profile.um-viewing .um-field-area {
            display: inline-flex;
            float: left;
    			    margin-left: 0px;
    		
    			
        }
    
    .um-profile.um-viewing .um-field-label::after {
        margin-right: 5px;
    	margin-left:0px;
    	content: ":";
    
    }
    

    Thanks very much šŸ™‚

    Michel

    • This reply was modified 2 weeks, 6 days ago by benenoo.
    • This reply was modified 2 weeks, 6 days ago by benenoo.
    • This reply was modified 2 weeks, 6 days ago by benenoo.
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.