Change heading size on one module

How do I change the heading size for one module. I want the breaking news section to have bigger heading font than the rest of the modules. The url is http://www.michronicleonline.com.

Please help! Thanks!

Hi,

In the module setting, you can add a module suffix, say "breakingnews", then add this code to CSS Override to change the font size of that title:

Code: Select all

.breakingnews .header span {
    font-size: 20px;
}


Cheers,

I added the code

Code: Select all

.breakingnews .header span {
    font-size: 20px;
}

to the file templates/gk_twn2/css/overide.css and added "breakingnews" to the module class suffix and I didn't have any success. However this module already has "nsp header" in the module suffix parameter. Could this be why it's not working? If I remove the "nsp header" it takes out the other formatting.

Hi,

Don't remove the old suffixes, the new suffix should be: "nsp heade breakingnews".

Moreover please make sure that you have enabled CSS mode in template's setting then the file can be loaded.

Cheers,

Thank you! I went into the joomla maintenance and cleared the cache. I enabled css override in the template setting and updated the module suffix in the correct order. Everything is working now.

Really good to know that. Don't hesitate to let me know if you need any other help.

Cheers,