I have set the CSS-handling to "master" and I am using a list layout on my homepage.

I noticed that the module uses a different font than the rest of my site. This is what Firebug tells me:

element.style {
color: #3f4554;
font-family: Verdana,Arial,sans-serif;
font-size: 12px;
line-height: 21.6px;
}

.. whereas it should be the font "Ubuntu" (a Google font)

Any idea what to change in order to force the zentools-module to inherit the parent (body) font as set in my general css-file?

Thanks & regards,

Erik

Hi

Depending on the style an inline style overrides a template style

What is the link for the site?

Cheers
Paul

Hi Paul,

Here it is:

- removed -

It is not 'live' yet, perhaps you can remove the link for me? (I couldn't find a way to PM you and don't want google to index it)

Regards,

Erik

Hi Erik,

I think what is happening is this style

.zentools {
font-family: inherit;
}

so inherits

Style Attribute {
color: #3f4554;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 21.6000003814697px;
}

hmm this is actually quite complicated

you have an inline font style and then zentools the module is inheriting the font

and then you have

body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: Ubuntu, Verdana, Arial, sans-serif;
font-size: 14px;
/* line-height: 18px;*/
line-height: 1.8em;
color: #333;
background-color: #fff;
}

Are you editing the template.css file?

Cheers
Paul

Yes, tonight I added that part:

.zentools {
font-family: inherit;
}

..but it didn't have the desired effect, so I removed it again from template.css.

The part:

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

..is commented out in my template.css, so shouldn't have any effect (I actually just removed it)

Still, no change..

Regards,

Erik

I suppose I could just add:

.zentools {
font-family: Ubuntu, Verdana, Arial, sans-serif;
font-size: 14px;
}

.. to template.css, but I still don't understand why it won't just inherit the parent (body) font style..

Regards,

Erik

right ok

If you add styling to the template css it will be lost both on recompile and on template update

If you need to customise I'd check out this doc

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation

looking at the site now

It does appear to be using this font stack
Ubuntu, Verdana, Arial, sans-serif

Cheers
Paul

Thank you Paul, I'll look into that.

EDIT: I just noticed it does display Ubuntu now, too! No idea what caused it to change, I tried quite a few things the past hour;) Maybe it was due to caching that I didn't notice changes earlier.

Anyway, it works! Thanks for your help Paul (and sorry I had to bother you with something that apparently had nothing to do with zentools...)

Regards,

Erik

No problem

Erik - interesting exercise to see what was happening

Cheers
Paul