Hello, I can i enlarge the Course Title name so it will enlarge all the courses title by default?
Tnx Denia
Depends on the theme and version thereof.
Moodle 2.8, Klass Theme.
Tnx
Off the top of my head...
.coursebox > .info > h3.coursename { font-size: 200%;}
adjusting the percentage untill the size is the prefered font size.
Hope that helps?
Mary
Hello mary, thank you but we dont have course box > info & in the title box there isnt an option to edit. look the screens.
Tnx Denia
Hi Denia,
Are you familiar with the KLASS theme's settings page, the one where you can change colours etc?
Administration > Site Administration > Appearance > Themes > KLASS (link to settings page)
If you are, please look for the Custom CSS box where you can add that code I gave you as a solution to the font size problem you asked help for.
Hope that Helps?
Mary
Hello Mary, Thank you & i did set it as you wrote but the course name is still renamed the same, attach a print screen, is it ok?
Hello Mary, Thank you & i did set it as you wrote but the course name is still renamed the same, attach a print screen, is it ok?
Hi Denia,
You only added half of the CSS I posted in my answer! You need ALL of it like so,,,
.coursebox > .info > h3.coursename { font-size: 200%;}
If that still does not work then this may be the problem as the CSS in the Klass theme is slightly different.
So try using this instead...
.coursebox > .info > .coursename a { font-size: 30px;}
Hi Mary, I tried both but somehow it doesnt change...i will ask our supplier unless you still have patient for me
Thank you
Did you clear caches?
Should not need to as it has $setting->set_updatedcallback('theme_reset_all_caches'); in setting.php
I have just found what the problem is! The Custom.CSS is added to a stylesheet list in the klass/config.php It is first file.in that list whereas it should be LAST!!!
OK...now we know...so the way to fix this is add !important at the end of the CSS that you added.
.coursebox > .info > .coursename a { font-size: 30px !important; }
Hope that works!!!
Mary
That appears to be the More rather than the Klass theme Custom CSS box.
Well whatever theme Denia is using it would not have worked for the reason I gave.
I saw the setting looked like More theme, but ignored that as the fix for the .coursename would have worked if the theme she was using at the time was More theme. One cannot discount that, however, the fact it did not working is...
- its in the wrong theme
- the Klass theme is flawed
So either way its not looking good.
Denia,
Where exactly are you adding the CSS? From the look of the image you added earlier, as pointed out by Gareth, it looks like you are adding it to the More custom settings page. I thought you said the theme you are using was the Klass theme?
Can you please check that you are adding this in the correct place, otherwise we will end up going round is circles?
Thank you,
Mary
Hello Marry, sorry for the delay. Yes we use Klass theme (moodle 2.8) but our supplier sets for us the settings.
Yes i defined it in MORE screen since it was the only screen i could find the Custom CSS like you said... .
I dont know why it doesnt work... Our Supplier said he needs to develop it.... i thought i could easily define it alone. Denia
Ok...well the fact it does not work is because you are using a customised version of the Klass theme. Settings pages are theme specific so if your Klass theme setting page has no Custom CSS section, then the CSS you added to More setting page will only show up if you use the More theme!
The CSS setting in the Klass theme should be in the one marked Header but it your supplier has customised this theme for you then it must be that the CSS option was removed!
Never mind...you can try another way.
Go to
Administration > Site Administration > Appearance > Additional HTML
and add the same CSS to the head part of the form on that page. There are instructions.
But remember to enclose that CSS in a <style></style> tag.
<style> .coursebox > .info > .coursename a { font-size: 30px;} </style>
Hopefully that will work.
Cheers
Mary
Ok i'll try. Thank you so far....Denia
I would enlarge the Course title font size too. Moodle 3.1, theme more.
I wrote at the end of custom css:
.coursebox. > .info > .coursename a {
font-size: 18px;
line-height: 22px;
}
but nothing changed. Font size is always 14 px (eredited by body) Of course I purged all caches.
Please help me!
I wrote at the end of custom css:
.coursebox. > .info > .coursename a {
font-size: 18px;
line-height: 22px;
}
but nothing changed. Font size is always 14 px (eredited by body) Of course I purged all caches.
Please help me!
Use % not px also you need h3 as that is where the font size is difined in moodle.css
.coursebox. > .info > h3.coursename {
font-size: 180%;
line-height: 1;
}
I tried but it does not work. May be because I'm using the Mount Orange School settings? I don't believe, I don't see any opposing settings.
Luciano
Luciano
SOLUTION
Whatever you write in custom.css is useless.
You must change the file: themes/bootstrapbase/less/moodle/course.less at line 597.
QUESTION
How can I do to have the changes at the inner of Mytheme that is a working children of More theme?
Whatever you write in custom.css is useless.
You must change the file: themes/bootstrapbase/less/moodle/course.less at line 597.
QUESTION
How can I do to have the changes at the inner of Mytheme that is a working children of More theme?
Ciao Luciano,
I am not quite sure what you mean.
If the theme you have is not allowing you to make CSS changes then there must be some things wrong with it.
- the custom.css is missing
- the custom.css is in the wrong order in the theme's config.php
- there is no settings.php, so there are no settings in the child theme.
What is the name of the theme and who made it?
Thanks
Mary
Ciao Mary.
"Whatever you write in custom.css is useless" means "whatever you write in custom.css file in order to Enlarge the Course title font size is useless".
It is useless to write !important, to write h3, to write a, to write % instead of pixel, ecc.
The only working solution is to change the file:
themes/bootstrapbase/less/moodle/course.less at line 597.
MY TROUBLE is that the file .less is not in the theme, but in the parent theme, that is not good when you update moodle. I believe I should write something in the config.php of my theme, but I don't know what.
Custom.css, config.php and settings.php are OK.
I wrote the theme I am using: it is more theme - mount orange school with a lot of custom.css and a lot of html inserted in the layout of some pages, with "if" instruction.
Example:
if ($PAGE->url == "http://www.mind.university/course/index.php?categoryid=3")
require_once (dirname(__FILE__).'/lbhomepage/ItalianHomePresentazione.html');
"Whatever you write in custom.css is useless" means "whatever you write in custom.css file in order to Enlarge the Course title font size is useless".
It is useless to write !important, to write h3, to write a, to write % instead of pixel, ecc.
The only working solution is to change the file:
themes/bootstrapbase/less/moodle/course.less at line 597.
MY TROUBLE is that the file .less is not in the theme, but in the parent theme, that is not good when you update moodle. I believe I should write something in the config.php of my theme, but I don't know what.
Custom.css, config.php and settings.php are OK.
I wrote the theme I am using: it is more theme - mount orange school with a lot of custom.css and a lot of html inserted in the layout of some pages, with "if" instruction.
Example:
if ($PAGE->url == "http://www.mind.university/course/index.php?categoryid=3")
require_once (dirname(__FILE__).'/lbhomepage/ItalianHomePresentazione.html');
In that case take a look at my Morecandy theme
https://github.com/lazydaisy/moodle-theme_morecandy.git
That is a based on the More theme. I have LESS file in that theme.
Try it out and change the less if you want to but you need to Purge all cache if you do make changes.
Hope that helps?
Mary
Given your customisations - 'a lot of custom.css and a lot of html inserted in the layout' - have you checked the css selector for YOUR pages using something like firebug? Mary's code works on More, but it may be that your extensive customisations could interfere with that.
Richard