Upgraded from 2.5.28 to 3.0.2. Category titles became nearly microscopic

[Allen_K]

Category titles showed fine in 2.5.28, but are now tiny after update: http://www.certifiedinfosec.com/estore. Haven't found a configuration item to adjust this. How can it be fixed?

Store works fine otherwise.

Thanks,

Allen

[jenkinhill]

You should use Firebug to sort out issues like this. See http://forum.virtuemart.net/index.php?topic=116620.0

The issue is that VM's css sets the category title <h2> size relative to the size defined in the Joomla template css - but for some reason your template does not set a value for <h2>.
The problem is with this definition in vm-ltr-site.css :
.category-view .row .category .spacer h2 a {
    display: block;
    font-size: 0.8em;
    text-align: center;
}

Change the font size to (eg) 1.5em and use the edited file as a css override.  http://docs.virtuemart.net/tutorials/templating-layouts/106-override-vmsite-ltr-css.html    (note that vmsite-ltr.css was usied in VM2.6 but the file used in VM3 is vm-ltr-site.css

[Allen_K]

Thank you for your reply.

I had looked already for issues, but could not see the problem since my them in fact has h1 - h6 definitions. The previous version of VM did not have any problems showing category titles with the same theme.

I changed to a new theme (yootheme.com), and get the same result. Again, I have verified that I can use the h2 definition with other texts outside of VM, and it works fine. Just to be sure, I even went and applied H2 to a line of text to a product description in my store. "This CISA course includes over 650 slides and over 900 practice questions in total:" is set at H2 at http://www.certifiedinfosec.com/estore/cisa-cism-certification/cisa-superreview-detail.

Is an over-ride really necessary when it seems the store is simply not applying H2 to the category properly?

I apologize in advance for my lack of competence in HTML and CSS.

[jenkinhill]

Use whatever css override is necessary. IT is the way to avoid having the same problem with the next VM update.

[GJC Web Design]

The size of your h2 or any other element is what ever you set it to in your css - they aren't set in stone somewhere

you can over ride any css by using !important in any css file (assuming there isn't already an "!important" after it)

I don't see any h2 tags on the prod detail page - assume u mean http://www.certifiedinfosec.com/estore/cisa-cism-certification ??

e.g.

.browse-view .row .product .spacer h2 {
font-size:20px !important;
}

anywhere in any css file



[attachment cleanup by admin]

[Allen_K]

No, I meant on the for the catalog titles per my first post for this thread (http://www.certifiedinfosec.com/estore). I had posted the other link to show how H2 is dpsplaying properly when used in a product description. It simply isn't appearing properly in a catalog title. Since H2 appears with proper character sizing in one part of VirtueMart, but not in another, I am still confused as to why I am making an over-ride which would be universally applied.

I have taken screen captures and posted for consideration.

[attachment cleanup by admin]

[jenkinhill]

You have been recommended to use a specific css override.

The code (which is what you need for your issue):
.category-view .row .category .spacer h2 a {
    font-size: 20px;
}

Will only apply to h2 titles within the classes shown, not on any other pages.

[Allen_K]

Thanks. Fixed.