Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

How use different font in zentools2 module

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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
  • Erik's Avatar
  • Erik
  • 3 Month Basic
  • 30 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Depending on the style an inline style overrides a template style

What is the link for the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • Erik's Avatar
  • Erik
  • 3 Month Basic
  • 30 posts
  • Karma: 0
Last Edit: 5 years 2 months ago by Erik.
The administrator has disabled public write access.
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;
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • Erik's Avatar
  • Erik
  • 3 Month Basic
  • 30 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • Erik's Avatar
  • Erik
  • 3 Month Basic
  • 30 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
looking at the site now

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

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Erik
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
  • Erik's Avatar
  • Erik
  • 3 Month Basic
  • 30 posts
  • Karma: 0
Last Edit: 5 years 3 months ago by Erik.
The administrator has disabled public write access.
No problem

Erik - interesting exercise to see what was happening :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers