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.

fontawesome in accordion is making text a serif font

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

HI JB team,

in the demo New Lifestyle when you go to an interior page, you will see in the accordion menu that has sub items- the title and chevron are FontAwesome, but this changes the header font as well to a serif font.

How can we have the Chevron up and down without it affecting the text rules?

thanks,
Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Pam,

What is the font supposed to be?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
It overrides any font - as the chevron which appears to be a FontAwesome is within the same span.

Changing the font-family for nav-header - affects the chevron and changes it to a blank square.

I don't know how to isolate the chevron from the title.

Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Pam,

I just need to know what font are you expecting it to be when it works correctly

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


In the attached - "Module Overview" title which does not have sub items displays in Open Sans which is the font-family for the site.

In the "features" and "typography" it is FontAwesome - which seems to display text in this serif font due to the accordion settings.

Searching for solutions indicates that the text needs to be isolated from the icon. I don't know how to approach this, or where to affect it.

does this help?

Thanks,
Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
So you can follow this thread

www.joomlabamboo.com/index.php?option=com_kunena&view=topic&catid=676&id=113108&Itemid=215#131644

Not quite sure why the update didn't happen

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Because you did me the huge favor of providing me with other files to help with the shop configuration!

I got the code and will apply it in custom.css, thanks!
Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
ah yes that might be it

The css should work for you

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