Upgraded from 2.5.28 to 3.0.2. Category titles became nearly microscopic

Started by Allen_K, December 19, 2014, 15:22:25 PM

Previous topic - Next topic

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
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

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]
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum