How can I change the fonts of the main header ? - JF Event Up - Joomla Templates

Welcome, Guest

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

Reply Quote

Posts:34
[email protected]
Junior Boarder
OFFLINE
Karma: 0

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

Reply Quote

Posts:2940
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.

Reply Quote

Posts:34
[email protected]
Junior Boarder
OFFLINE
Karma: 0

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:

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

Reply Quote

Posts:2940
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 [email protected].

Reply Quote

Posts:34
[email protected]
Junior Boarder
OFFLINE
Karma: 0

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

Reply Quote

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Reply Topic

New Topic

Page:
1
2

joomfreak.com Support Forum

Account Details

Your Forum Posts

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

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

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

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

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

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

Support

Company

Who´s online