Unexpected font mapping

Hi,

I'm trying to change fonts in this template and I'm getting some unexpected font mapping. From what I can determine:

Basic - changes the font that is used in both the articles and article headers

Headers - changes the font of the menu and doesn't change the font of article headers (which is what I would have expected since it's named "Headers"

Elements - looking at your demo site, it's some special tag for .moduletable.bigtitle which I don't know how to access in my website

What I'd like to do is to have a different font for article content (ie. Basic) and a different font for article headers (which I would expect to be Headers). I need to have different fonts for article content and article headers because the font I want to use for article headers is not easy to read at smaller sizes. How can change the font used for article headers?

Kind regards,
Dave.

Hi

First of all, are you sure that you select the right font style?


Cheers

Hi,

I've tried with Standard, Google, Cufon and Font Squirrel and it looks like all of them have share the basic font for article headers and article bodies.

Kind regards,
Dave.

Any update on when I can expect this bug to be fixed? I consider this a bug and not a customisation because the heading font isn't changing the headings like it does in your other themes and it's extremely restrictive to have only one font for both the basic content and headings.

My client is asking me to change this heading font and I haven't heard anything from Gavick regarding this bug for around two weeks.

Any update would be greatly appreciated.

Kind regards,
Dave.

Hi

Please try to style it with css using the name of the font You have choosen for squirels.

How do I do this? Also, when will this bug be fixed so that I can correctly pick a heading font in the settings of the font?

Hi

Please show me Your site.

The website I'm currently working on is at:

http://www.westperthpros.com.au/

I've currently configured this template to use Google fonts and set the "Basic" font to "Cuprum" so that the client can see what the headers will look like. The problem is that the "Basic" font changes both the headers and article content (instead of the "Headers" font, which change the menus instead) and that the narrow font the client wants for headers makes the article content difficult to read. I'd like to independently change the article content to Arial/Helvetica.

Changing the font in the template customisation seems to embed CSS font information into the resulting HTML. How can I change the font used for the article contents independently from the font used for headers?

Kind regards,
Dave.

Hi

Please simply overwrite the font style in css. For example using:

Code: Select all

.article-content {
    font-family: Arial helvetica;
}


I added your CSS code to override.css (and I have enabled override.css in the template settings) and it hasn't made any difference. I can see the override.css being loaded in the HTML source, but inspecting the object in FireBug doesn't show this override being loaded.

Hi

That's strange. Try maby add this directly into http://www.westperthpros.com.au/templat ... joomla.css file in line 105.

I've successfully added the code to override.css. I had a problem with my override.css where a closing comment had not be properly terminated, therefore any overrides that followed the improperly terminated comment was commented out.

To have different heading and content fonts, I've had the add the following overrides for the content of my website:

/* template.css */

h1,
h2,
h3,
h4,
h5 { font-family: 'Cuprum', Arial, sans-serif; }

/* joomla.css */

.contentheading { font-family: 'Cuprum', Arial, sans-serif; }
.contentdescription { font-family: Arial, Helvetica, sans-serif; }
.article-content { font-family: Arial, Helvetica, sans-serif; }
.contact-left { font-family: Arial, Helvetica, sans-serif; }
.contact_email label { font-family: Arial, Helvetica, sans-serif; }
.contact_email_checkbox { font-family: Arial, Helvetica, sans-serif; }

/* typo.css */

ul.gk_bullet1 li, ul.gk_bullet2 li, ul.gk_bullet3 li, ul.gk_bullet4 li, ul.gk_circle1 li, ul.gk_circle2 li, ul.gk_square1 li, ul.gk_square2 li, ul.gk_square3 li { font-family: Arial, Helvetica, sans-serif; }

This list could get longer depending on other typography I use within articles.

Will a proper bug fix be issued so that changing the header font in the template settings actually changes the header font instead of the menu?

Kind regards,
Dave.

Hi

Sorry I do not understand. Override.css file is a clean one for Your own changes, so where is the bug in such file ?

Hi,

The bug is that in the font settings of the template:

Basic - changes the font that is used in both the articles and article headers

Headers - changes the font of the menu and doesn't change the font of article headers (which is what I would have expected since it's named "Headers")

The headers settings is not changing the headers as I would expect it would. I've changed the headers font in a different Gavick template which correctly changes the headers.

I understand that Gavick cannot support all customization requests because of the sheer number of customization possibilities, however I consider this a bug because the Headers font setting in the template simply doesn't change the font for headers. I think it's a fairly basic customisation setting to have a different font for articles and headers and would expect to be able to change these two fonts without having to resort to override.css. As demonstrated by my last post, it's not a easy one line override, but multiple overrides with nasty hard coding of fonts to handle typography and other content that isn't articles (for example, contact forms).

Kind regards,
Dave.

Hi

Than I understand the problem. I'm sending this to our programmer. Probably a small fix should be relised for that. Thanks.

Thanks for your understanding. And Merry Christmas or Seasons Greetings to all.

Kind regards,
Dave.

Hi

Please open the following file:
../layouts/blocks/cufon.php
and find this line:

Code: Select all

font-family: <?php echo $this->fontFamily($this->getParam('font_family1', 1), $this->getParam('google_font1','none'), '1'); ?>;
   }
.gk_is_text h4,
.moduletable.bigtitle h3


replace with:

Code: Select all

font-family: <?php echo $this->fontFamily($this->getParam('font_family1', 1), $this->getParam('google_font1','none'), '1'); ?>;
   }
.gk_is_text h4,
.moduletable.bigtitle h3,
h2.contentheading,
h2.itemTitle


You actually can add other elements, if you want.

Cheers

Hi

The name issue has been fixed in latest fix.

Hi,

Seichinha recommendation to change the code in Cufon.php allows me to change the header styles to the "elements" font in the template configuration and is more maintainable than adding individual overrides for every typography style.

Thanks for your help.

Kind regards,
Dave.