Header font

**GK User** Fri Jan 09, 2015 12:25 pm

Using font section of template to try and change 'header-font'

When I make a change, the article title dosen't change on the site.

Is there a setting somewhere I am missing.

Thanks

Ian

**GK User** Fri Jan 09, 2015 1:49 pm

Could you please post an url to your site?

**GK User** Fri Jan 09, 2015 2:44 pm

http://www.laughology.co.uk/

**GK User** Sun Jan 11, 2015 12:51 pm

Now could you please describe exactly what did you change?

**GK User** Sun Jan 11, 2015 2:41 pm

I went to; template manager → Edit Style → Font.
Tried to change Header font and Body font, but nothing changed on front end.

Ian

**GK User** Tue Jan 13, 2015 5:54 pm

Are there now modified by you? What font type have you chosen - google fonts local font file, system fonts?

**GK User** Tue Jan 13, 2015 5:59 pm

Hello Cyberek,

Just using standard fonts.

**GK User** Tue Jan 13, 2015 7:42 pm

Ok, so what exactly have you entered there that doesn't work. Please provide a screenshot of this template configuration element.

**GK User** Tue Jan 13, 2015 7:58 pm

Hello,

see attached file.

Gavick fonts.jpg

**GK User** Fri Jan 16, 2015 5:15 pm

To be able to check anything I need to see uncompressed css. Currently it is compressed with jch_optimize. Could you please disable css compression?

**GK User** Mon Jan 19, 2015 4:10 pm

Hello Cyberek,

I have switched off Optimize.

**GK User** Wed Jan 21, 2015 8:50 am

Now you still need to disable css compression in template settings.

**GK User** Fri Feb 06, 2015 11:13 am

Hi Cyberek,

Turned off optimise and CSS compression

**GK User** Sun Feb 08, 2015 3:18 pm

This will not work unless you provide some css selectors that the custom font you have chosen will apply to.

**GK User** Sun Feb 08, 2015 3:23 pm

Hi Cyberek,

Could you point me towards documentation which might help me with this?

**GK User** Sun Feb 08, 2015 3:32 pm

There is no documentation "as is" - those configurations are for users who knows at least how to use dev tools or firebug to find desired selectors. But if you would load default template settings those fields should be filled by default:
Body - selectors:

Code: Select all: h1, h2, h4, body, html, body button, body input, body select, body textarea, #gkMainMenu, .gkMenu > ul li div.childcontent li, .gkMenu > ul li div.childcontent header, #gkMenuOverlayContent, .genericView article header h2, dl#tabs dt.tabs span h3, dl.tabs dt.tabs span h3

Headers - selectors:

Code: Select all: h3,h5,h6, blockquote, .gk-newsletter input[type="button"], #gkMenuOverlayClose, #gkMenuOverlayHeader, #gkSearch input, .gkIsWrapper-gk_university figcaption, .gkIsWrapper-gk_university figcaption h2, header > time, .gkContent, .gkContentList, .gkNspPM-EventsList h3, .gkNspPM-EventsList time, .darkbar .nspHeader, .darkbar li h4, #gkPageTitle, .gkVideoBlock, #community-wrap .cThumb-Calendar b, #community-wrap .cThumb-Calendar b+b, .gkNspPM-JomSocialPhotos figcaption small

Other 1 - selectors:

Code: Select all: #gkLogo.text

Other 2 - selectors:

Code: Select all: .blank

**GK User** Sun Feb 08, 2015 3:34 pm

OK, Thanks Cyberek,

Will give a go.

**GK User** Sun Feb 08, 2015 3:40 pm

Please let me know if you would have any additional questions regarding this topic.

**GK User** Sat Jul 18, 2015 3:24 pm

Hello,
I noticed on the demo University template, for the header_bg texts (from image show GK4):
1) you have a nice police (mine is just a simple Arial...)
2) and also you have bold in the text (Theology / Joomla Theme)
How do you manage to get those 2 like in the demo site ?
Thanks in advance
Gilles

**GK User** Sun Jul 19, 2015 7:09 am

Bold

is4.png

Font-Family
On demo we used "Raleway" from Google fonts
for those class'es
.gkIsWrapper-gk_university figcaption p,
.gkIsWrapper-gk_university figcaption h2

font.png

**GK User** Tue Jul 21, 2015 10:19 am

Oscar E wrote:Bold
is4.png

Font-Family
On demo we used "Raleway" from Google fonts
for those class'es
.gkIsWrapper-gk_university figcaption p,
.gkIsWrapper-gk_university figcaption h2
font.png

THanks a lot for your indication. Now the bold is working fine but not the font : I'm still on a kind of Arial font.
I put a screenshot of my font config in the University template.
If you have any clue ?
Best
Gilles

**GK User** Tue Jul 21, 2015 10:26 am

@glesfr - please put a colon after every line in the selectors - now you have missed colon after h2:

Code: Select all: .gkIsWrapper-gk_university figcaption p, .gkIsWrapper-gk_university figcaption h2, h3,h5,h6

And also colon after the last line is not necessary.

**GK User** Wed Jul 22, 2015 12:02 am

glesfr wrote:
Oscar E wrote:Bold
is4.png

Font-Family
On demo we used "Raleway" from Google fonts
for those class'es
.gkIsWrapper-gk_university figcaption p,
.gkIsWrapper-gk_university figcaption h2
font.png

THanks a lot for your indication. Now the bold is working fine but not the font : I'm still on a kind of Arial font.
I put a screenshot of my font config in the University template.
If you have any clue ?
Best
Gilles

Hi Dziudek
Thanks for your indication and your great patience.
I did stick the piece of code right in the header selector box, but I it's still not working.
What else am I missing in the process to fix this fonts issue ?
Gilles

**GK User** Wed Jul 22, 2015 10:00 am

@glesfr - please provide an URL to your website.

**GK User** Wed Jul 22, 2015 10:23 am

dziudek wrote:@glesfr - please provide an URL to your website.

http://diim.org

**GK User** Wed Jul 22, 2015 10:28 am

Now I see - please move "Realeway" to the "font-family" field and font URL to the "Font url" field

**GK User** Wed Jul 22, 2015 1:01 pm

dziudek wrote:Now I see - please move "Realeway" to the "font-family" field and font URL to the "Font url" field

Alright !! Thanks a lot