My Joomla Cufon doesn't load in firefox

More
8 years 4 months ago #1 by laurelle
Hi,

Can you send a link to the page that has the problem please. I will look at the source code and see if I can see anything.

Just to verify you changed the number of selectors that you are using in the top parameter, to at least 4?

Cheers.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #2 by raffie
Hi Laurelle,

Thanks for the quick reply, yes it is just the h4 links that i want to change into cufon, i tried all three that you have mentioned but nothing happened. :(

All the other cufon (titles, headers) are working fine but when i try using it with links it is not working, i have clicked the hoverable to YES also. :(

sample of what i have done in joomla cufon.
Attachments:

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #3 by laurelle
Hi,

Is it just the h4 links that you want to change to Cufon?

If so, use:
h4
or
h4.allmode_title
to be more specific, or
.allmode_title
for your Selector rather than specify all a links. Then make sure that you have the parameter Selectors Hoverable set to Yes.

See if using one of those works for the h4 title and makes it clickable.

The way that the plugin works, when you set the Selectors Hoverable to yes, it makes sure that the a tags are taken care of. In order to get all of your a tags to use Cufon you would need to give them all a class and then specify that class in the Selectors field.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago - 8 years 4 months ago #4 by raffie
Hi Laurelle,

I couldn't seem to make the cufon work with links. I want to change the text file of the links for my articles in joomla. But i couldn't seem to make it work... can you check my codes if there is something wrong? I am using "Cufón System Plugin for Joomla 1.5.x"

HOW I DECLARED SELECTOR IN JOOMLA MODULE:



HOW MY WEBSITE LOOKS LIKE:
Attachments:
Last edit: 8 years 4 months ago by raffie.

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #5 by laurelle
Hi,

The plugin will look after adding the cufon.replace tags for you. You don't have to do that manually. Just edit the Cufon plugin and add another CSS Selector/Font file for this selector and the font that you want to use for it. Make sure that you increase the number of font/css selectors being used and you will also probably want to make sure that the Hoverable is set to Yes.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #6 by raffie
laurelle wrote:

Hi,

Sure you can use it with a class. You can specify any CSS selector. For the top nav if you had something like this:

<div id='top'>
<div class='moduletable-menu'>
<ul>
<li><a>Menu Item 1</a></li>
<li><a>Menu Item 2</a></li>
</ul>
</div>
</div>

Then you could use something like:
div#top ul li a
as your CSS selector. Or if your li had a class of menu, for example, you could use:
li.menu a

Just make sure that you get your selector specific enough to just change your topnav and not other places on the site.

Good luck


Hi,

So my cufon script would look like this?
Cufon.replace('div#top ul li a');

is this correct? :D

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #7 by laurelle
Hi,

Sure you can use it with a class. You can specify any CSS selector. For the top nav if you had something like this:

<div id='top'>
<div class='moduletable-menu'>
<ul>
<li><a>Menu Item 1</a></li>
<li><a>Menu Item 2</a></li>
</ul>
</div>
</div>

Then you could use something like:
div#top ul li a
as your CSS selector. Or if your li had a class of menu, for example, you could use:
li.menu a

Just make sure that you get your selector specific enough to just change your topnav and not other places on the site.

Good luck

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #8 by raffie
laurelle wrote:

Hi,

You need to set your font-size. It defaults to different things in different browsers, so it has to be set to something to be consistent.

You should only have 1 h1 on a page, set it to the size that you want it to be. Set the size for your other Cufon fonts as well. If you have for example different h2's that you want different sizes, then you will need to make your css selector more specific for each one and set their font-sizes differently.

Cheers.


Hi Laurelle,

Thanks for this tip, what if i want to use cufon on my topnav using joomla? How can i use it? coz all the tutorials i see was only for h1-h6 tags, i can't use it with "class". :(

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #9 by laurelle
Hi,

You need to set your font-size. It defaults to different things in different browsers, so it has to be set to something to be consistent.

You should only have 1 h1 on a page, set it to the size that you want it to be. Set the size for your other Cufon fonts as well. If you have for example different h2's that you want different sizes, then you will need to make your css selector more specific for each one and set their font-sizes differently.

Cheers.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #10 by raffie
hi, can you view again? i updated the code. this time i removed the font-size for the h1 and h2. Mine is showing inconsistent text size now. :(

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago - 8 years 4 months ago #11 by laurelle
And in IE7:

Laurelle
Developer
Keashly.ca Consulting
Attachments:
Last edit: 8 years 4 months ago by laurelle.

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago - 8 years 4 months ago #12 by laurelle
Hello,

The font sizes look approximately the same in FF and IE7 to me. There is always a little difference between font sizes in the different browsers.

Here is what I see:


Laurelle
Developer
Keashly.ca Consulting
Attachments:
Last edit: 8 years 4 months ago by laurelle.

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #13 by raffie
Hi,

Yup, i made it to strict doctype.
Can you check maybe i missed something?
Here is the link to the sameple site.
www.thelawofattractiontoday.com/graceland/

Thank you so much!

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #14 by laurelle
Hi,

Did you make sure that you are using a strict doctype?

I haven't heard of the fonts shrinking in IE7 before. You might have to do a browser hack for IE7 and increase the font size for it.

Good luck

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #15 by raffie
Ey Thanks Laurelle,

I have additional question, when i open my website on a live server using IE7 the fonts in my cufon shrinks.

Do you have any suggestions how to fix this problem?
Cheers!
Attachments:

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #16 by laurelle
Hi,

Glad that it worked for you.

Yes you can use whatever css selector that you want. I just suggest that you don't go overboard on what you are using Cufon for or your site will slow down.

Cheers.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #17 by raffie
Yup, laurelle your correct, everything went great when i went online! THanks for this help...

Btw, is it possible to use css class with cufon?
For example <div class="cufon_arial">Title Header</div>

Coz as of now i am only aware of using cufon with Headers only (h1, h2, etc...).

Cheers!

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago #18 by raffie
Hi Laurelle,

Thank you so much for this quick reply... i will try it on a live server and send you feedback. Appreciate the help very much!!!!!!!!!!!!! :)

Regards,
Ralph

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago - 8 years 4 months ago #19 by laurelle
Hello,

Cufon has a limitation that it doesn't work on localhost envirnoments. Try it on a live hosting account and you should be fine.

If you still have a problem on a live hosting account, then I will need a URL to the site to help you.

I should also mention that for security reasons, you should upgrade Joomla to the latest version. 1.5.15 is quite old now.

Chhers.

Laurelle
Developer
Keashly.ca Consulting
Last edit: 8 years 4 months ago by laurelle.

Please Log in or Create an account to join the conversation.

More
8 years 4 months ago - 8 years 4 months ago #20 by raffie
Hi,

I need help, i installed cufon in my Joomla 1.5.15. on my localhost.

It was working perfectly on IE and Chrome but when i opened it using firefox 3.6.8 it was not displaying as it was supposed to be.

I have attached here a screen shot and also a copy of the code.
Pleaseeeeee help me. :(

Attachment template.txt not found

Attachments:
Last edit: 8 years 4 months ago by raffie.

Please Log in or Create an account to join the conversation.

Support Development

Please consider a small donation to support development of the extensions on this site.



Joomla! Login

This is the normal Joomla! login module not the VirtueMart login module. Click the 'Create an account' button to see how you are redirected to the VirtueMart registration form when the KC VM Registration Redirect plugin is enabled.

Joomla! & WordPress Hosts

Managed Web Hosting by Liquid Web

This is our recommended web hosting provider for Joomla! & WordPress websites. This is the host that we use for websites that we build. Liquid Web has an excellent reputation, fast servers and most importantly awesome service! They have technicians that are familiar with Joomla! & WordPress.

Joomla! & WordPress Web Design and Development

If you are interested in having a website designed or redesign or need custom Joomla! or WordPress development, please visit Keashly.ca Consulting to view our Portfolio of Joomla! & WordPress website work.

Trademarks and logos remain the property of their respective organizations.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
Keashly.ca Consulting is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Site Map Back to Top