I want to reduce the size of the icon on the left and reduce the width of the left bar
Please share a screenshot and site URL as well
screenshot
I wanna adjust the width of the area circled in red and blue.
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;
}
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?
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