VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: khew on April 04, 2012, 07:40:59 AM

Title: How to Edit Text And Font Sizes for Products
Post by: khew on April 04, 2012, 07:40:59 AM
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?
Title: Re: How to Edit Text And Font Sizes for Products
Post by: jenkinhill on April 04, 2012, 13:44:49 PM
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 )
Title: Re: How to Edit Text And Font Sizes for Products
Post by: JoomTut on April 05, 2012, 09:01:20 AM
Use the WYSWYG Editor to format your text

Or add to your template css

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

.product-description {
font:
font-size:
}
Title: Re: How to Edit Text And Font Sizes for Products
Post by: addixtnc on June 15, 2012, 07:17:50 AM
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?
Title: Re: How to Edit Text And Font Sizes for Products
Post by: srajca on June 15, 2012, 09:18:37 AM
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
Title: Re: How to Edit Text And Font Sizes for Products
Post by: jhoo on June 15, 2012, 17:28:31 PM
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
Title: Re: How to Edit Text And Font Sizes for Products
Post by: jenkinhill on June 15, 2012, 18:28:07 PM
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
Title: Re: How to Edit Text And Font Sizes for Products
Post by: jhoo on June 15, 2012, 19:47:53 PM
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
Title: Re: How to Edit Text And Font Sizes for Products
Post by: dorex on December 23, 2012, 23:43:53 PM
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.
(http://img197.imageshack.us/img197/511/fontfamilyvirtuemart2.png) (http://imageshack.us/photo/my-images/197/fontfamilyvirtuemart2.png/)

I've searched on the internet for almost two days, without finding an answer yet.
Any help is appreciated.
Best regards!
Title: Re: How to Edit Text And Font Sizes for Products
Post by: jenkinhill on December 24, 2012, 10:49:19 AM
That is one of the Joomla template files, not a VirtueMart file. Use grep (http://en.wikipedia.org/wiki/Grep) on the server to locate the css string or use Agent Ransack (http://www.mythicsoft.com/page.aspx?type=agentransack&page=home) on a local copy of the template files.
Title: Re: How to Edit Text And Font Sizes for Products
Post by: dorex on December 24, 2012, 18:34:46 PM
Quote from: jenkinhill on December 24, 2012, 10:49:19 AM
That is one of the Joomla template files, not a VirtueMart file. Use grep (http://en.wikipedia.org/wiki/Grep) on the server to locate the css string or use Agent Ransack (http://www.mythicsoft.com/page.aspx?type=agentransack&page=home) 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!