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 to control font for metadescription

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

Hi,

I've finally found a way to get a 2nd line of text on the gris on each image.
I use the title of the article then metadescription.

I use a custom font for the site and the metadescription text appears in a default one.
Can you point me to a bit of code I can add to the custom CSS to get it to show the site font?

thanks

here is a screen grab
the image furthest right shows the TITLE followed by the blue metadescription.
ScreenMetawords.jpg
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Sean,

Do you have a link for the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Sorry Paul,
Got bogged down with other work.
here is a page where the modeul is posted
www.edgeneve.ch/fr/bjg/saison-actuelle/repertoire-2016-2017

as you can see the title is in the correct font, but the 2nd line (metadescription) is in a default font.

Sean
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Sean,

Are you stripping tags in the module?

Or does the content not have any p tags?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 6 years 6 months ago by manh.
The administrator has disabled public write access.
Alternatively you could try adding

#zentools-272 .zt-meta-description {font-family:"EuclidFlex-Regular"}

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

No I'm not stripping tags in the module as I'm only using Title and metadescription, not the article's text.

I tried the extra code in the CSS custom file and the very weird thing is it only works on one Zentools module on the french side, no other??!!
the one that works:
edgeneve.ch/fr/bjg/saison-actuelle/repertoire-2016-2017

same page in english where the font doesn't play ball:
edgeneve.ch/en/bjg/this-season/2016-2017-repertoire


The code I added is this:
#zentools-272 .zt-meta-description {font-family:"EuclidFlex-Regular";
src: url('../fonts/EuclidFlex-Regular-WebS.eot');
    src:
         url('../fonts/EuclidFlex-Regular-WebS.woff') format('woff'),
         url('../fonts/EuclidFlex-Regular-WebS.woff2') format('woff2');
    src: url('../fonts/EuclidFlex-Regular-WebXL.eot');
    src:
         url('../fonts/EuclidFlex-Regular-WebXL.woff') format('woff'),
         url('../fonts/EuclidFlex-Regular-WebXL.woff2') format('woff2') !important; }
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Sean,

#zentools-272 is for this module - all zentools modules have their own unique module ID
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
For the non working module >

#zentools-286 .zt-meta-description {font-family:"EuclidFlex-Regular"}

Are you using this layout anywhere else on the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
ah right, sorry for not seeing the obvious.
I will probably be using this feature with a lot of the grid zentools layouts.
I can certainly keep adding the code for each module. Would there be a way to make it on any zentools module?

thanks

Sean
  • Sean's Avatar
  • Sean
  • 12 Month basic
  • 207 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Sean,

You could try

.zt-responsive-grid .zt-meta-description {font-family:"EuclidFlex-Regular";}

and removing the zentools id classes

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