Does anyone know what is the .css code for editing the width of the editing area for a course item when using Quick Edit as in the image below? It would be really helpful to extend to be wider than 200-300px it currently seems to be.
This could be a theme problem. What theme are you using, which Moodle version, and is your theme compatible with your Moodle version?
That was a very tricky one to find -- so this css does control the width for me: .inplaceeditable.inplaceeditable-text.inplaceeditingon [id^="id_inplacevalue"] {width: 500px;}
The question is what value to make it....
The question is what value to make it....
Để phản hồi tới John Provasnik
Re: CSS Code for Edit Title for Items on Course Page
Bởi Sali Kaceli -
Hi John,
That worked. I set it 900px and it is great. I also set the font size to 1.2em to make it easier to read and identify errors. This will help tremendously as we are designing a bunch of online courses.
Thanks again for your effort.
That worked. I set it 900px and it is great. I also set the font size to 1.2em to make it easier to read and identify errors. This will help tremendously as we are designing a bunch of online courses.
Thanks again for your effort.
Để phản hồi tới John Provasnik
Re: CSS Code for Edit Title for Items on Course Page
Bởi Sali Kaceli -
If you want to continue the challenge, can you also find out how to extend to the name field once you click on an item when in editing mode? Basically, click on the item, click on the Gear icon, then choose Edit settings. Then adjust the width of the Name field above description. It would be nice to make that wider too.
Để phản hồi tới Sali Kaceli
Re: CSS Code for Edit Title for Items on Course Page
Bởi John Provasnik -
This should work for Quiz, Page, and Assignment modules:
#page-mod-assign-mod #id_general .form-inline .form-control,
#page-mod-quiz-mod #id_general .form-inline .form-control,
#page-mod-page-mod #id_general .form-inline .form-control
{width: 100%!important;}
Để phản hồi tới John Provasnik
Re: CSS Code for Edit Title for Items on Course Page
Bởi Sali Kaceli -
Thank you for your help again. That worked. I really appreciate your help.
Hi anyone knows how could I made the PAGE NAMES to show in bold in the course page (I mean the text in yellow in the screenshtot)?
would that be something as: #page-mod-page-mod #id_general .form-inline .form-control... ?
I need that for all the pages added in all courses in the site.
- Moodle 3.8
- Lambda theme: 1.98.5
would that be something as: #page-mod-page-mod #id_general .form-inline .form-control... ?
I need that for all the pages added in all courses in the site.
- Moodle 3.8
- Lambda theme: 1.98.5
Try something like:
.content .instancename {
font-weight: bold;
}
.content .instancename {
font-weight: bold;
}
Thanks so much John!,
what is the instance name ?
I am not a dev, if you could write to me the whole code I need to copy inte the custom CSS box in the theme I would appreciate ?
Thanks a lot!
'instancename' in this context is CSS and not English to be interpreted as such. Try the CSS as stated.
Thanks a lot for that John!! it worked like a charm.
I added descriptions in pages showing in the course page and to have the titles in bold make it much more clear and didactic to students.
Thanks very much! if at any point you need the help form a moodle administrator just let me know!
I added descriptions in pages showing in the course page and to have the titles in bold make it much more clear and didactic to students.
Thanks very much! if at any point you need the help form a moodle administrator just let me know!