Profile menu customization

[abccollege]

I want to reduce the size of the icon on the left and reduce the width of the left bar

[Diana]

Please share a screenshot and site URL as well

[abccollege]

screenshot I wanna adjust the width of the area circled in red and blue.

[Ada]

Hi, Use this custom css code for this. Add it in appearance >> customize >> custom css Adjust the width px value accordingly. .vibebp_myprofile.elegance .profile_menu.active { width: 200px !important; } .vibebp_sidebars .vibebp_left_sidebar_wrapper{ margin-right:5px !important; padding-left:10px !important; max-width:200px !important; }

[abccollege]

sorry, the provided css code does not adjust the width of the profile menu and the inner menu, I have tried to adjust the pixels, but nothing had happened. In addition, may I ask how I can adjust the font size and style of the all texts e.g. instructor controls, course names etc., not just texts in the profile menu？

[Ada]

Hi, In your custom css section there was a mis-arrangement of parenthesis that is why this code was not working. https://prntscr.com/x3kjxd Now it's working https://prntscr.com/x3kqru You can manage font styles and sizes for all texts from appearance >> customize >> typography section and body section

[abccollege]

Thanks

[Author]

Posts