Home / Plugin: MasterStudy LMS WordPress Plugin – for Online Courses and Education / Reduce title font, categories are not visible in the mobile version
Hello. 1) I don’t see course filter categories in the mobile version. 2) How to remove the block with the course picture? 3) How to reduce the course title?
Hello @evgen7288,
Thank you for reaching us out!
1. Thank you for bringing the case to our attention. Kindly please be aware, that our dev team is working on the issue. Once they finish, we will release a new update of LMS plugin and inform you in the LMS plugin changelog.
2. If I understand you right, you would like to display the courses on Courses page like https://joxi.net/5mdjkBJi147nRA
As an option, I would like to offer you to make changes by applying CSS in the Appearance > Customize > Additional CSS. An example of CSS:
@media (max-width: 824px) {
body:not(.masterstudy-theme):not(.theme-smarty):not(.theme-consulting):not(.theme-betop):not(.theme-Divi):not(.et_divi_theme) .stm_lms_courses__single--image .stm_lms_courses__single--image__container {
height: 0;
}
}3. For this case, I want to suggest you the next sample of CSS:
@media (max-width: 824px) {
body.theme-ms-lms-starter-theme .stm_lms_courses__single--info_title h4 {
font-size: 12px;
}
}Best regards,
Tell. How to remove the registration form from the page? Since I’m using another plugin for authorization
Hello @evgen7288!
You can use below CSS code, which will hide registration form and center the login form.
.header_login_url a:last-child,
.header_login_url span{
display:none !important;
}
.right-unit .btn {
display:none !important;
}
.right-unit {
padding-right: 20px !important;
}
.right_buttons {
border-left: none !important;
} stm-lms-register {
display:none !important;
}
.stm-lms-wrapper__login .container .row .col-md-6 {
width: 100% !important;
}
.stm-lms-wrapper__login .container .row .col-md-6 #stm-lms-login {
width: 50%;
margin: 0 auto;
}
.stm_lms_user_float_menu__login_head a {
display:none !important;
}
.stm-lms-modal-login .modal-dialog .modal-content .modal-body .nav-tabs li:nth-child(2) {
display: none !important;
}Hope it helps.
Best regards
does not work
Make sure that you are using custom CSS under the Appearance > Customize > CSS section, the CSS won’t work if your already included CSS’s include incorrect structure, try to put the previously provided custom CSS at the very top of the CSS field, save it, and re-check by deleting your browser cache as well
Regards
I would also like to remove Registration here after clicking on the Buy button
Try to use the custom CSS below, instead of the previously provided custom CSS;
body .stm-lms-wrapper.stm-lms-wrapper__login div#stm-lms-register {
display: none;
}
body .stm-lms-wrapper.stm-lms-wrapper__login div#stm-lms-login {
position: relative;
left: 300px;
}
body .modal-content .modal-body ul li:nth-child(2) {
display: none;
}
After that re-check by deleting your site cache as well, in case if the Register form will be still there, please provide direct URL to your site, to check and provide custom CSS for you
Regards
Thank you
Hello @evgen7288,
Thank you and you’re welcome too!
Also, we value your feedback. Can you take a few minutes to share your thoughts by leaving a review at this link: https://wordpress.org/plugins/masterstudy-lms-learning-management-system/#reviews
Your time dedicated to this is greatly appreciated by us!
Best regards,
