Change font for certain titles

Hi!

I'm trying to change the font for some titles through template options, but I'm not able to do it.

I need to change titles from this pages:

http://www.m2mphotography.es/blog/
http://www.m2mphotography.es/blog/index.php/blog/post-bodas/item/286-alejandra-y-esteban-pasion-y-amor (just the title's font of each item)

I've added h1 (title tag for each item) and h4 (title tag for the main page) to 'Other I - Selectors', and paste the url provided by Google Fonts. I know I'm doing something wrong, but... what is it?

Thanks!

Could You show here what exactly you have pasted to settings field?

I've done this:

This way You use Google font "Verdana" for elements h1 and h4.
What should be the desired outcome?

The first Font url dialog comes with Body - font, and the second one comes with Other I - font.

I'm using it the same way I did with body selectors and Habibi font: just by writing down the font url and the font family, it worked for body selectors. I think this "Verdana" selector gets overridden if I use Google Fonts.

But if I want to change only the titles (Libre Baskerville), it doesn't work.

Some idea?

See this:




I don't know how I set the 'Indie Flower' font, but through Fonts menu in Template options I'm pretty sure not

As I can see, it takes me to an index.html, where all selectors are set to Indie Flower font. Do you know another way to change fonts without using the Template options?

Please send me a PM with:
1. URL to your website
2. login and password of user with admin/super-admin privileges (please create one for me)
3. link to this thread

Thanks Cyberek, but it won't be necessary. I've solved it via override.css:

Code: Select all

@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville);

/* For titles in main page */
.gkImage > h4 {
  font-family: 'Libre Baskerville', serif;
}

/* For titles in articles */
article header h1 {
  font-family: 'Libre Baskerville', serif;
}

Thanks again for your help!

Oh, forget to mention - override.css is the easiest way to do css changes, as it allows full control.

Of course, but I thought that template options had a higher importance level. So that's why the Fonts menu from Template options didn't work? Because I already had set the @import in override.css?

Template options should work well, but to be honest - it was made as a simple tool, and as long as You know about css, its much easier to use override.css, as desired result can be met much faster. With template settings sometimes one declaration overrides another as was in this case and we need to carefully analyze user configuration to find out why something is not working well.

Ok, thanks for the info!