How to Edit Text And Font Sizes for Products

[khew]

Hello,

I am using Joomla version 2.5.3 and Virtue Mart version 2.0.2

I am new to developing websites. I am creating a website for a company with e-commerce so we have chosen VirtueMart as the plugin. However, when I add the products and descriptions, the fonts look ridiculous. How do I change the font style and size of the product descriptions?

[jenkinhill]

Edit the styles used in the Joomla template css - use Firebug to identify the current styles and css file(s) used. For Firebug in Firefox see http://forum.virtuemart.net/index.php?topic=73348.0  or use Firebug Lite on Chrome together with Chrome developer tools ( http://code.google.com/chrome/devtools/docs/overview.html )

[JoomTut]

Use the WYSWYG Editor to format your text

Or add to your template css

Code Select Expand

.product-short-description {
font:
font-size:
}

.product-description {
font:
font-size:
}

[addixtnc]

i have a similar problem i used firebug to find where my size issue is but my qustion where do i go on my site to actually edit the file ?

according to fire bug this is where the coding is tha needs to be changed

vmsite-ltr.css


browse-view h1 {
  font-size:12px;
  margin:0 0 8px;
  padding:0;


can someone please help?

[srajca]

this is located in components/com_virtuemart/assets/css/vmsite-ltr.css
oh and for the future reference - if you hover over the template name in firebug it will show you the complete path to it. Hope it helps

[jhoo]

hi all i don't want to open another thread because basically i have the same problem.
i want to change completly the description ... for example 'Price with Tax' i want only Price.
i found my template.css but i'm not able to locate the PHP file.i'm using firebug ......
can somebody help me to locate in wich folder it is ?

thank you in advance.
Giovanni

[jenkinhill]

Giovanni that is a completely different question. You need to edit the language file strings to change the field titles. They are in Joomla's language directory, but you should use oiverrides for this: http://forum.virtuemart.net/index.php?topic=92944.0

[jhoo]

Thanks i found my it_it language file .... and followed the other topic explanation.
but i'm not able to use the override function, right now the only way to change the text (for me  ) is to substitute the original file .........
there is an option in Virtuemart to use override folder ?

Thanks again
Giovanni

[dorex]

Hi,

I know this is an old post, but I'm having the same problem. I have installed Joomla 2.5.8 and Virtuemart 2.0.16.
I can't find the file (or the location of the file) where the font-family is overwritten. What and where is the file that overrides Joomla's font-family?
I'm using JSN Decor Free template from JoomlaShine (http://demo.joomlashine.com/joomla-templates/jsn_decor/pro/index.php). I have made changes in all of this template's css files, changing every other text-style to Arial, Helvetica, sans-serif. Everything good, but the changes only have effect on everything but Virtuemart.
I used Firebug to identify and locate the file responsible for giving me the font-family: "Trebuchet MS",Helvetica,sans-serif;
The problem is I can't figure it out what file it is.... it is named just like a joomla menu item (which is VM frontpage). I've attached a photo of this.


I've searched on the internet for almost two days, without finding an answer yet.
Any help is appreciated.
Best regards!

[jenkinhill]

That is one of the Joomla template files, not a VirtueMart file. Use grep on the server to locate the css string or use Agent Ransack on a local copy of the template files.

[dorex]

That is one of the Joomla template files, not a VirtueMart file. Use grep on the server to locate the css string or use Agent Ransack on a local copy of the template files.

Thank you for your advice.
If there is someone else in same difficulty of changing font-family in Joomla free template from JoomlaShine:
I created a backup of the whole site, I downloaded the archive and I searched for "Trebuchet"(the font I wasn't able to find and change) into the backup using Agent Ransack.
I found the file inside my backup, here:

public_html/templates/jsn_YourTemplate_free/includes/jsn_config.php   (in my case, the folder  "jsn_YourTemplate_free" is named "jsn_decor_free", because the template name is "JSN Decor")

Now go to the above specified path on your cPanel, select jsn_config.php file and open it with your cPanel code editor. Replace the font family with the ones you want, save and close. Now all the text, including fonts in Virtuemart 2 content will be the ones specified. Don't forget to backup before you modify it.

Thank you again for your guidance.

Merry Christmas!