Author Topic: Font Problem - Product Titles  (Read 3175 times)

jpaolini

  • Beginner
  • *
  • Posts: 3
Font Problem - Product Titles
« on: May 23, 2008, 02:49:16 am »
Hello everyone,

I have a (seemingly minor) issue with my first VirtueMart site that I can't figure out. On a product's page, the title of the product displays very differently in IE7 compared to Firefox. Here are some screenshots:

1 Line Product Title IE7:


1 Line Product Title Firefox:


2 Line Product Title IE7:


2 Line Product Title Firefox:


Is there any way to fix this? The text is unreadable when using IE7 (not to mention it doesn't look good at all). The size and spacing seems to be off with IE7, as it looks great in Firefox. Even 1 line titles in IE7 are cut off at the top. :(

This site has had two different Joomla templates now and this problem is occurring with both.

Running VirtueMart 1.1 within Joomla! 1.0.15 for this site.


Big thanks in advance to anyone who can help!  ;D

pcjunkie

  • Jr. Member
  • **
  • Posts: 76
Re: Font Problem - Product Titles
« Reply #1 on: May 23, 2008, 03:42:16 am »
Go to components/VM/templates and find flypage and browse.php.

Then wherever you find <h1> replace it with <h3>.

You can also add style to it like for IE (A Piece of S***) you can add <h3 style="width: 100%; font-size: 80%;"> color etc....

h3 should suffice as your master template will have the style already declared globally. This is what I got.



jpaolini

  • Beginner
  • *
  • Posts: 3
Re: Font Problem - Product Titles
« Reply #2 on: May 23, 2008, 06:47:07 am »
Thanks for the quick reply pcjunkie, much appreciated! :)

In my /components/com_virtuemart/themes/default/templates/browse/ folder I have 6 different browse.php files (ranging 1-5 and a "lite" one), and also have 6 flypage files in that folder.

My installation is just a standard install of VM 1.10. I haven't changed or added anything to VM.

I'll try playing around with all these files (making backups just in case I screw something up) and post back with how it goes though.

:)

pcjunkie

  • Jr. Member
  • **
  • Posts: 76
Re: Font Problem - Product Titles
« Reply #3 on: May 23, 2008, 07:59:04 am »
You could edit all or just the ones you need. n any case if you open the files in txt or dreamweaver hit control + f and then type in <h1> then in the form below <h3> and hit replace it should take about 2 seconds a page.

(I think txt in Microsoft uses Ctl + H)

AGain there is a different way that may or may not work.

#vmMainPage h1 {
  font-size: 100%;
}

jpaolini

  • Beginner
  • *
  • Posts: 3
Re: Font Problem - Product Titles
« Reply #4 on: May 23, 2008, 18:26:27 pm »
I couldn't find any <h1> tags in any of the browse files, but they did appear a few times within the flypage files.

But that worked! The pages now look identical in IE7 and Firefox.


Thanks once again pcjunkie! ;D

RedLight Traitor

  • Jr. Member
  • **
  • Posts: 50
  • Hooray for Joomla!
    • Los Angeles Joomla Website Development and SEO Services
Re: Font Problem - Product Titles
« Reply #5 on: June 03, 2008, 02:06:32 am »
awesome fix. THANKS SO MUCH!
www.shopknowlabel.com
www.chickarita.org
www.coverplayard.com

If I can be of any assistance to you, please don't  hesitate to skype me at "redlighttraitor" Thanks for all who have helped me! - Johnny
Joomla Website Development and Los Angeles SEO Services
www.redlightfusion.com