VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

How can I change the fonts of the main header ?
(1 viewing) (1) Guest
  • Page:
  • 1
  • 2

TOPIC: How can I change the fonts of the main header ?

How can I change the fonts of the main header ? 01 May 2016 14:58 #8741

This image is hidden for guests. Please log in or register to see it.


Hi folks. If you browse the main page (please also see attached) I'd like to change the fonts used for the "Settecento" that appears in the main header. Can you please suggest what shall I change ? THe idea I have is to use a font that is similar to the same font I used in the event logo.

Thanks in advance !!

Regards AG

Re: How can I change the fonts of the main header ? 04 May 2016 03:44 #8754

What font did you use in the event logo?

joomfreak

  • Posts:2017
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: How can I change the fonts of the main header ? 05 May 2016 08:23 #8769

Hello folks, thank-you so much for the always present support and once again and again, this template is amazing.

So, the character used is called "Champignon". My wife created the image using a web-based graphics tool.

Thanks!

Regards Andrea.

Re: How can I change the fonts of the main header ? 06 May 2016 02:52 #8773

You can download the attachment, extract to folder templates/jf_event-up/css/fonts. In template.css, add:
 
@font-face {
font-family: 'champignonregular';
src: url('fonts/champignon-webfont.eot');
src: url('fonts/champignon-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/champignon-webfont.woff2') format('woff2'),
url('fonts/champignon-webfont.woff') format('woff'),
url('fonts/champignon-webfont.ttf') format('truetype'),
url('fonts/champignon-webfont.svg#champignonregular') format('svg');
font-weight: normal;
font-style: normal;
 
}
 

modify:
 
#slidecaption .slideSloganText .last {
color: #961b81;
}
 

to:
 
#slidecaption .slideSloganText .last {
color: #961b81;
font-family: 'champignonregular';
}
 


joomfreak
Attachments:
  • Attachment This attachment is hidden for guests. Please log in or register to see it.

  • Posts:2017
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: How can I change the fonts of the main header ? 10 May 2016 09:49 #8797

Hello folks thank-you for your support!

Unfortunately I can't see any changes after applying the suggested modifications. I have also cleared the cache completely but no luck.

The page is at the following URL Tango al Settecento

Thanks!

Regards Andrea.
Last Edit: 10 May 2016 09:50 by andreagatti1970@gmail.com.

Re: How can I change the fonts of the main header ? 11 May 2016 03:10 #8801

I see css error:
 
#slidecaption .slideSloganText .last{color:#9E000C font-family:'champignonregular'}
 

need to change to:
 
#slidecaption .slideSloganText .last{color:#9E000C; font-family:'champignonregular'}
 


joomfreak

  • Posts:2017
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
  • 2
Time to create page: 0.69 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.