Hi,
This is my current login button after logged in https://vimeo.com/549535111/51843c74c0
I would like to make the follow change:
1. Style:
- I want a box or highlight for the name as it's difficult to see with the background video underneath
- It's too short to display a name properly, I want the space to be twice longer
2. Behaviour: when I click to the name, a menu appear AND redirect me to single page. -> I just want the menu to appear when I click the name instead of redirecting right away. It's a very strange behaviour
Please help
Thank you
Hi,
1 - You can add this css code in appearance>>customize>>custom css
@media(min-width:900px){
header.sleek .row ul.topmenu a.vibebp-login .loggedin_user_div {
background-color:#f6f5f5 !important;
width:200px !important;
height:50px !important;
border-radius:4px !important;
}
header.sleek .row ul.topmenu a.vibebp-login .loggedin_user_div .vibebp_name{
min-width:150px !important;
}
2- this menu does not work with buddypress on single page.
You can try disabling global login to remove this submenu.
Hi I added the code but there's no difference in my page, do I need to adjust any variables in the code ? and which one ?
/*
Theme Name: WPLMS
Theme URI: https://WPLMS.io/
Description: WPLMS is a Learning Management System for WordPress. The theme is deep integrated with BuddyPress and comes packed with the Course Module plugin.
Theme has very powerful features which are essential for a full fledges LMS. Theme utilizes maximum of both WordPress and BuddyPress and can be run on a large scale platform as well.
Author: Mr.Vibe
Author URI: http://www.VibeThemes.com/
Version: 4.097
License: Themeforest
License URI: http://themeforest.net/licenses
Text Domain: vibe
Tags: Education, LMS, eLearning, BuddyPress, WPLMS
Domain Path: /languages/
*/
/*=== ADD Your Custom Changes here ===*/
.block_media img{width:100%;}
#basic-details-section h4:after{content:'';}
.security-question-section input[type="number"]{border:1px solid #DDD;}
.security-question-section+.submit{clear:both;}
.content ul.question_options {
clear: both;
display: inline-block;
width: 100%;
list-style:none;
}
.block.courseitem span.amount{font-size:16px !important;}
.live-edit-sidebar,.live-edit-sidebar + .text-options{display: none;}
@media(min-width:900px){
header.sleek .row ul.topmenu a.vibebp-login .loggedin_user_div {
background-color:#f6f5f5 !important;
width:200px !important;
height:50px !important;
border-radius:4px !important;
}
header.sleek .row ul.topmenu a.vibebp-login .loggedin_user_div .vibebp_name{
min-width:150px !important;
}
Hi,
Yes sorry , I missed a closing parenthesis'}' in the last. Please add this code.
@media(min-width:900px){
header.sleek .row ul.topmenu a.vibebp-login .loggedin_user_div {
background-color:#f6f5f5 !important;
width:200px !important;
height:50px !important;
border-radius:4px !important;
}
header.sleek .row ul.topmenu a.vibebp-login .loggedin_user_div .vibebp_name{
min-width:150px !important;
}
}
Sorry still not working
/*
Theme Name: WPLMS
Theme URI: https://WPLMS.io/
Description: WPLMS is a Learning Management System for WordPress. The theme is deep integrated with BuddyPress and comes packed with the Course Module plugin.
Theme has very powerful features which are essential for a full fledges LMS. Theme utilizes maximum of both WordPress and BuddyPress and can be run on a large scale platform as well.
Author: Mr.Vibe
Author URI: http://www.VibeThemes.com/
Version: 4.097
License: Themeforest
License URI: http://themeforest.net/licenses
Text Domain: vibe
Tags: Education, LMS, eLearning, BuddyPress, WPLMS
Domain Path: /languages/
*/
/*=== ADD Your Custom Changes here ===*/
.block_media img{width:100%;}
#basic-details-section h4:after{content:'';}
.security-question-section input[type="number"]{border:1px solid #DDD;}
.security-question-section+.submit{clear:both;}
.content ul.question_options {
clear: both;
display: inline-block;
width: 100%;
list-style:none;
}
.block.courseitem span.amount{font-size:16px !important;}
.live-edit-sidebar,.live-edit-sidebar + .text-options{display: none;}
@media(min-width:900px){
header.sleek .row ul.topmenu a.vibebp-login .loggedin_user_div {
background-color:#f6f5f5 !important;
width:200px !important;
height:50px !important;
border-radius:4px !important;
}
header.sleek .row ul.topmenu a.vibebp-login .loggedin_user_div .vibebp_name{
min-width:150px !important;
}
}
This reply has been marked as private.
Hi, it's not working on my side https://vimeo.com/552708421/a17d818b54
Did I do it correctly https://vimeo.com/552709953/ac8621976d
Hi,
I had commented out it after testing that is why it ws not working. You had to remove those comments.
Please check now
https://drive.google.com/file/d/1WwdLuirgDmxCPJpPDKwkJs0xD2-3ende/view
Hi, thank you, I think it works now
I would like to make the following changes please advise me how to do that
https://photos.app.goo.gl/ceVMYfEAy8UMUYdbA
1. The profile name text to be on the same row with menu text (like before introducing the change), after adding the height, the text is moved to below the menu row
2. Add a space between the left border and the profile name
3. Make the space for the profile like 25% shorter
Thank you
Hi,
Updated the code on your site. Please check now.
Hi, thank you, the profile name is what I expect now. However, now the Login (ĐĂNG KÝ) button when the user hasn't logged in is now higher than the rest.
Could you please edit the profile name button without affecting the Login button ?
If it's impossible to edit one without affecting the other, please teach me how to make it bold, white with wider space for it so it has a bit more visibility
Hi,
No, both will be affected. For color and bold text refer to this screenshot and add the red marked line in your code.
https://prntscr.com/13dsw2n
Hi, so could you please make the Login and the Name button with the same styles: same position, same color, same background with the new style you added to the Name button
Hi,
Added the code on your site.
Please check now.
You can increase the font weight if you want more bold text.
.
