Category titles showed fine in 2.5.28, but are now tiny after update: http://www.certifiedinfosec.com/estore (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
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
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.
Use whatever css override is necessary. IT is the way to avoid having the same problem with the next VM update.
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]
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]
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.
Thanks. Fixed.