Hi,
Short Description Vs. Long Description.
Look at the 2 screenshots below:
Attachment Pasted_Image_1_29_13_1_12_PM.gif not found
AND
Attachment Pasted_Image_1_29_13_1_15_PM.gif not found
To hide the facebook, twitter icon when it is IE. Open this PHP file:
itbox.com.pl/strona/vmlampy/templates/ecotech/index.php
(the index.php file of your joomla template)
anywhere within the <head>....</head>
Add this Style Decleration:
<!--[if lt IE 9]>
<s-tyle type="text/css">
.FlexibleShareItemLeft {
display:none;
}
</style>
<![endif]-->
Dont' forget to change the s-tyle... to style... in the above lines while copy pasting.
So those icons will be invisible only if the browser is IE but remains being visible for other browsers.
Another problem:
Open this CSS file:
itbox.com.pl/strona/vmlampy/templates/ecotech/html/com_virtuemart/assets/css/flexibleVM2Global.css
Find this CSS rule:
#vmCartModule.vmCartModule {
background:url(../images/Flexible/vmCartBack.png) right top no-repeat;
height:28px;
display:block;
line-height:28px;
cursor:pointer;
font-size:10px;
padding-left:0px;
width:220px;
}
In this CSS rule, change the
width:220px; to
width:200px;
So the dropdown shopping cart won't go beyond the margin anymore.
Our VM Template, uses the Oswald - Google Web Font from the Google Font library.
Try this to include not-latin characters as well:
itbox.com.pl/strona/vmlampy/templates/ecotech/html/com_virtuemart/assets/css/flexibleVM2Global.css
Find the first line:
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
change it to this:
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300&subset=latin,latin-ext);
So the font will include the non-latin characters as well (i don't know if google web font supports polish characters, but give it a try. For more info visit here:
www.google.com/webfonts and search for the "Oswald" font-family
Another problem:
Look at this CSS file again:
itbox.com.pl/strona/vmlampy/templates/ecotech/html/com_virtuemart/assets/css/flexibleVM2Global.css
find this CSS rule:
.FlexibleFrontpageHeader span.FlexibleFrontpageHeaderSPAN {
background:#FFF;
padding-right:10px;
}
Change it with this:
.FlexibleFrontpageHeader span.FlexibleFrontpageHeaderSPAN {
background:#F9F9F9;
padding-right:10px;
}
So the background of the TITLE will be same color as your website's background.
About the last screenshot.
Open this CSS file again:
itbox.com.pl/strona/vmlampy/templates/ecotech/html/com_virtuemart/assets/css/flexibleVM2Global.css
Add this CSS rule:
table.cart-summary tr th {
padding:0 10px 0 0
}
So the last word in the shopping cart won't touch the edge. (you might also add the
background:none; to remove the background bar completely. Up to you.
About the stylization of "descriptions" of payment and shipping. Use Firebug and try something else, depends on which way you like. Virtuemart added line-height:27px; to those lines, this is why it looks absurd. But since they are element.style can't be override by CSS touches. You might try this:
.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost {
display:block;
}
But again, since it is al about "style" and the way you want it. There is no "right" or "wrong" way. You have to decide which way you would like to have it.
That's all.
By the way, you should have done these changes by yourself in couple minutes if you were using Mozilla Firebox Firebug Plugin.
To get more info about it, visit here:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting
Regards.
Forum Support.