Home › Forums › Legacy Support › Support queries › Setup issues › Adjust Profile button
- This topic has 15 replies, 2 voices, and was last updated 2 years, 11 months ago by Ada.
-
AuthorPosts
-
May 15, 2021 at 3:10 am #357462hothaibinhParticipantHi, 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 youMay 15, 2021 at 8:41 am #357506AdaParticipantHi, 1 - You can add this css code in appearance>>customize>>custom css
2- this menu does not work with buddypress on single page. You can try disabling global login to remove this submenu.@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; }
May 16, 2021 at 11:57 pm #357650hothaibinhParticipantHi 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; }May 17, 2021 at 5:31 am #357664AdaParticipantHi, 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; } }
May 17, 2021 at 12:37 pm #357767hothaibinhParticipantSorry 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; } }May 19, 2021 at 6:49 am #358038AdaParticipantThis reply has been marked as private.May 20, 2021 at 4:15 am #358193hothaibinhParticipantHi, it's not working on my side https://vimeo.com/552708421/a17d818b54 Did I do it correctly https://vimeo.com/552709953/ac8621976dMay 20, 2021 at 7:32 am #358232AdaParticipantHi, 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/viewMay 21, 2021 at 7:13 am #358414hothaibinhParticipantHi, 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 youMay 22, 2021 at 6:27 am #358578AdaParticipantHi, Updated the code on your site. Please check now.May 24, 2021 at 8:48 am #358791hothaibinhParticipantHi, 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 visibilityMay 25, 2021 at 6:45 am #358922AdaParticipantHi, 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/13dsw2nMay 26, 2021 at 8:29 am #359101hothaibinhParticipantHi, 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 buttonMay 26, 2021 at 1:25 pm #359149AdaParticipantHi, Added the code on your site. Please check now. You can increase the font weight if you want more bold text.June 7, 2021 at 6:29 am #360531hothaibinhParticipantThank you, it works now -
AuthorPosts
- The topic ‘Adjust Profile button’ is closed to new replies.