SOLVED - Fonts are Aligning to Top

More
8 years 5 months ago #1 by laurelle
Hello,

Please link back using:
<a href='http://www.keashly.ca' target='_blank'>Joomla Web Design &amp; Development

or for just the Cufon plugin:
<a href='http://www.keashly.ca/joomla-1-5/using-non-web-based-fonts' target='_blank'>Joomla plugin for non-web based fonts - KC Cufón Font Replacment</a>

Thank you for the link.

Laurelle
Developer
Keashly.ca Consulting

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

More
8 years 5 months ago #2 by dilbertjcg
Works perfect, you rock.

I'm going to throw a brief review from my design site back to yours because this plugin is awesome. Where would you like me to link back to?

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

More
8 years 5 months ago #3 by laurelle
Hello,

Thank you very much for the donation!

Change the h3 .cufon {padding-top: 8px} to:
h3 .cufon {margin-top: 7px;}

That should work in IE and FF as well as other browsers.

Thanks again.

Laurelle
Developer
Keashly.ca Consulting

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

More
8 years 5 months ago #4 by dilbertjcg
Crud, spoke too soon. It works in the best browser, FireFox, but had no effect in IE. Any ideas on a hack to fix IE?

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

More
8 years 5 months ago #5 by dilbertjcg
BAM, worked instantly, you rock! Donation, DONE!

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

More
8 years 5 months ago #6 by laurelle
Hello,

Did you try:
h3 .cufon { padding-top: 8px; }

You might need to get more specific and add div#leftcol h3 .cufon, but that will move the text down for you.

Cheers.

Laurelle
Developer
Keashly.ca Consulting

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

More
8 years 5 months ago - 3 years 5 months ago #7 by dilbertjcg
I have the latest Joomla installed, I believe PHP 5, and am using a template from Joomlashack called Aqualine.

I got it installed, and just tried to throw it on my H3 headers as that is what I'm using for my menu on the left of the site.

It immediately worked, so great! But for some reason its throwing the alignment off and aligning the H3 to the top.

I tried different variations, using the h3 tag alone (which changed them all) using the .moduletableblue h3 (which changes just the top one), I tried adding vertical align to my css file, i tried messing with line height, but to be honest I can't figure it out.

You can see the difference between the original and the new font on the left. Even though I installed a new font, its doing this with all fonts I tried.
Last edit: 3 years 5 months ago by dilbertjcg. Reason: Editing out info

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