Joomla Templates Club 406,261 posts

[nigelmaine Friend nigelmaineJoin date: September 2008Posts: 71Downloads:0Uploads:1 Thanks: 38 Thanked: 3 times in 1 posts]

#145140

Hi

Can you help…I want to increase the spacing between the title words that are used on Slideshow2 and on User 1, 2 & 3.

The words are too close together and cannot be read properly, they look like no spaces have been used at all.

Hope someone can help.

Kind Regards

Nigel

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#320397

Not sure how to do it…yet…but I’m reading.

http://wiki.github.com/sorccu/cufon/about

It’s not your momma’s CSS hack. 🙂

John.

1 user says Thank You to John Wesley Brett for this useful post

1. nigelmaine

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#320413

Found it.
The H3 headlines are controled by a Custom Font styling (Cufon).
In order to change it, you simply need to turn off the Cufon and then use whatever font styling you prefer.

The Cufon “enable – yes/no” is in the Template parameters.
Once turned off, you can style the H3 via your CSS as you normally would.

Perhaps someone can shed light on how to customize custom Cufon fonts.

John.

1 user says Thank You to John Wesley Brett for this useful post

1. nigelmaine

[nigelmaine Friend nigelmaineJoin date: September 2008Posts: 71Downloads:0Uploads:1 Thanks: 38 Thanked: 3 times in 1 posts]

#320559

Thanks John,

I just changed it and it doesn’t look as good, but it is easier to read. Once again you’ve come up with the answer.

Many thanks.

Nigel

[brocbe Friend brocbeJoin date: October 2009Posts: 4Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#320791

I had the same problem and just used ‘ ‘ between the words. This is not really a brilliant solution, but it helped.

1 user says Thank You to brocbe for this useful post

1. mikodragonfly

[hellerd Friend hellerdJoin date: September 2006Posts: 4Downloads:0Uploads:1 Thanks: 2]

#321202

I don’t want to stop cufon or to insert ” ” in all my titles.

Did someone find another solution ?

[spider2009 Friend spider2009Join date: October 2009Posts: 23Downloads:0Uploads:2 Thanks: 6 Thanked: 5 times in 1 posts]

#321946

No, I’m using the   “solution as well.

I’m looking forward for someone to post a real solution to this issue.

Best.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#321949

Solution/Tutorial

http://www.joomlart.com/forums/topic/how-to-install-cufon-dtr-and-configure/

2 users say Thank You to John Wesley Brett for this useful post

1. spider2009
2. nigelmaine

[filser Friend filserJoin date: September 2008Posts: 4Downloads:0Uploads:0 Thanked: 4 times in 1 posts]

#322121

The ja-halite template comes standard with version 1.03 of cufon-yui.js
Word spacing is supported only from version 1.04
So download the latest version of cufon-yui.js (http://cufon.shoqolate.com/generate/) and copy that to ja_hilite/libs/cufon/js
In your ‘template.css’ modify for instance your H3-tag by adding ‘word-spacing:10px;’
Works perfectly !

4 users say Thank You to filser for this useful post

1. nigelmaine
2. spider2009
3. mikodragonfly
4. joomboom

[jhendric1000 Friend jhendric1000Join date: May 2009Posts: 34Downloads:0Uploads:3 Thanks: 3]

#325633

<em>@filser 150955 wrote:</em><blockquote>The ja-halite template comes standard with version 1.03 of cufon-yui.js
Word spacing is supported only from version 1.04
So download the latest version of cufon-yui.js (http://cufon.shoqolate.com/generate/) and copy that to ja_hilite/libs/cufon/js
In your ‘template.css’ modify for instance your H3-tag by adding ‘word-spacing:10px;’
Works perfectly !</blockquote>
That works, sort of. The problem is that same word spacing gets applied EVERYWHERE you use h3, not just in the slideshow, which means that your module titles etc. are spaced too far apart as their font size is not increased as in the slideshow.

Great find, but still not an acceptable solution as far as I’m concerned. I would love to see this marked as an open issue because I don’t believe this adequately resolves the problem.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#325660

<em>@jhendric1000 155526 wrote:</em><blockquote>That works, sort of. The problem is that same word spacing gets applied EVERYWHERE you use h3, not just in the slideshow, which means that your module titles etc. are spaced too far apart as their font size is not increased as in the slideshow. .</blockquote>

That’s the great thing about CSS – change the h3 properties…and all h3 are changed.

So if you want something different, then you need to create a new class for what you are wanting to see.

[jhendric1000 Friend jhendric1000Join date: May 2009Posts: 34Downloads:0Uploads:3 Thanks: 3]

#325662

Understood. But we’re talking about resolving an issue with this custom template. Asking end users to customize it more as a work-around doesn’t seem like a reasonable solution, despite it being effective. Just my two-cents, though.

[mlewis09 Friend mlewis09Join date: January 2010Posts: 22Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#329108

<em>@jhendric1000 155568 wrote:</em><blockquote>Understood. But we’re talking about resolving an issue with this custom template. Asking end users to customize it more as a work-around doesn’t seem like a reasonable solution, despite it being effective. Just my two-cents, though.</blockquote>

Agreed. I don’t know why this isn’t more of a problem. I just went through the same thing http://www.joomlart.com/forums/topic/heading-text-is-too-compact/ (my search missed this thread!) and came to the same solution, but i agree that this is a fundamental problem (of the template) with an otherwise nice add-on (Cufon). As sold, it is not really acceptable (not that i’m angry – Halite is a wonderful template!).
m

[Author]

Posts