• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 932
  • Last Modified:

Change module font type in joomla

Hi, i would like to change my font color in one of the joomlas modules

mod_latestnews.

The list of the latest articles is grey, and the font is too small. Can i change the color and the font size somehow?
Is there a possibility to adjust the dinstance between two lines in this list?
0
Patricck
Asked:
Patricck
  • 6
  • 5
  • 2
1 Solution
 
Eternal_StudentCommented:
I presume that joomla has its' own stylesheet where you can edit  these styles. You need to identify where that CSS appears in the code. You can do this with Firebug, it is an add on for FireFox and you can get it here:

https://addons.mozilla.org/en-US/firefox/addon/1843/

Once you identify where those styles appear you then need to change  the font-size, color and letter-spacing.
0
 
Eternal_StudentCommented:
By the way firebug can be used by right clicking on the element in your browser and then from the menu choosing to "Inspect Element"
0
 
Dean OBrienCommented:
The module sets the list to have a class called 'latestnews', I cant find any reference to this class anywheere in the Joomla files.

That being the case you should first of all define the class in the relevant template you have assigned:
Joomla -> templates -> (TEMPLATE_NAME) -> styles -> template.css

Or if that doesnt work, the other way to make your change (not encouraged), would be to access the PHP file in the module which writes the infomation to the screen.

Joomla -> modules -> mod_latestnews -> tmpl -> default.php

Where you see this line:
<ul class="latestnews<?php echo $params->get('moduleclass_sfx'); ?>">

Add your own direct style:
<ul style="color:#f00;" class="latestnews<?php echo $params->get('moduleclass_sfx'); ?>">

That should override any other settings.

Easynow
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
PatricckAuthor Commented:
Hi easynow,

i have edited the php file, but it did not do the trick, the lines appear as a normal link, with grey color.
0
 
Dean OBrienCommented:
Can you post a link to the live page?
0
 
Dean OBrienCommented:
Instead of editing the <UL> line, edit this one:

<a href="<?php echo $item->link; ?>" class="latestnews<?php echo $params->get('moduleclass_sfx'); ?>">

to:

<a style="color:#f00;" href="<?php echo $item->link; ?>" class="latestnews<?php echo $params->get('moduleclass_sfx'); ?>">
0
 
PatricckAuthor Commented:
Hi,
thanks. This is working. And how can i put more options into this line?
font type.. size...

thanks very much
0
 
Dean OBrienCommented:
You can add any CSS you like into the style="" section.

For example:
style="font-size:16pt"

See here for more info:
http://www.w3schools.com/css/pr_font_font-size.asp

Easynow
0
 
PatricckAuthor Commented:
and how to divide font-size and color in the "" ?
0
 
Dean OBrienCommented:
use a semi colon ; after each declaration, i.e.

style="font-size:16pt;color:#f00"
0
 
PatricckAuthor Commented:
That did the trick,

thanks
0
 
Dean OBrienCommented:
No probs, thanks for points
0
 
PatricckAuthor Commented:
You are welcome,

this was not in the question, but i have not tested it.. so there is one more thing. I have configured line height for dividing different posts with more space. But when the name of the post is more than one line.. there is also space. Is it possible to divide just the posts, and not all the lines?

It would be great if you could answer me,

Thanks anyway for the help
best regards
Patrik
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 6
  • 5
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now