Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Changing Fonts?

  • Devin Burghart
  • Devin Burghart's Avatar Topic Author
  • Offline
  • New Member
More
10 years 5 months ago #138883 by Devin Burghart
Changing Fonts? was created by Devin Burghart
Hi,

I'm trying to change both the header and main text fonts to a couple of different Google Fonts to customize the template a bit, but I can't figure out how to do this in the Kiji template settings. Just selecting a Google Font in the template administrator doesn't seem to do anything.

Also, the fonts on the Left Menu don't look at all like the demo (not uppercase, not right font, just plain ol' arial).

Please help.

Thanks!

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 5 months ago #138884 by Krikor Boghossian
Replied by Krikor Boghossian on topic Changing Fonts?
Hello Devin,

Is it possible to have a link to troubleshoot the left menu?
Also which font did you choose?

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Devin Burghart
  • Devin Burghart's Avatar Topic Author
  • Offline
  • New Member
More
10 years 5 months ago #138885 by Devin Burghart
Replied by Devin Burghart on topic Changing Fonts?
Hi Krikor,

Got the left menu item problem figured out, thanks.(hadn't selected the font that was hardcoded into the template from the template menu).

My question now is do I have to make changes to the template itself to change the fonts or is there an easier override?

Thanks!

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 5 months ago #138886 by Krikor Boghossian
Replied by Krikor Boghossian on topic Changing Fonts?
By default all changes should be made into your custom.css file. This way when you update your template you won't lose any changes.

now you should enter something like:
body, textarea, input, .sans { font-family: 'NEW FONT FAMILY', sans-serif!important; }

for the secondary font use:
h1, h2, h3, h4, h5, h6,.btn, .label { font-family: 'OTHER NEW FONT FAMILY', sans-serif!important; }

The !important will ensure the font overrides and will help you avoid over-specifying your css.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Devin Burghart
  • Devin Burghart's Avatar Topic Author
  • Offline
  • New Member
More
10 years 5 months ago #138887 by Devin Burghart
Replied by Devin Burghart on topic Changing Fonts?
Got it! That is super helpful. Thank you so much! One more question: What If I don't want the font on the main menu to be the same as the body text (changed when I made the tweaks you recommended)?

Thanks again!

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 5 months ago - 10 years 5 months ago #138888 by Krikor Boghossian
Replied by Krikor Boghossian on topic Changing Fonts?
For the menu on the left you should add this:
.menu.secondary-menu { font-family: 'NEW FONT FAMILY', sans-serif; }

for the top menu this will do the trick
.main-navigation ul.menu { font-family: 'NEW FONT FAMILY', sans-serif; }

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum