Author Topic: How to Edit Text And Font Sizes for Products  (Read 13320 times)

khew

  • Beginner
  • *
  • Posts: 1
How to Edit Text And Font Sizes for Products
« 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?

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 28399
  • Always on vacation
    • Jenkin Hill Internet
Re: How to Edit Text And Font Sizes for Products
« Reply #1 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 )
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

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

Currently using VirtueMart 4.0.10 10767  J 3.10.11 PHP 7.4.30

JoomTut

  • Jr. Member
  • **
  • Posts: 64
    • How to Joomla!
Re: How to Edit Text And Font Sizes for Products
« Reply #2 on: April 05, 2012, 09:01:20 am »
Use the WYSWYG Editor to format your text

Or add to your template css

Code: [Select]
.product-short-description {
font:
font-size:
}

.product-description {
font:
font-size:
}
http://www.joomtut.com - How to Joomla!
Joomla! & VirtueMart Pro Support.
http://www.joomtut.com/joomla-clip.html - 14 steps to creating a Joomla! website with video clip tutorials

addixtnc

  • Beginner
  • *
  • Posts: 7
Re: How to Edit Text And Font Sizes for Products
« Reply #3 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?

srajca

  • Jr. Member
  • **
  • Posts: 146
Re: How to Edit Text And Font Sizes for Products
« Reply #4 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

jhoo

  • Beginner
  • *
  • Posts: 10
Re: How to Edit Text And Font Sizes for Products
« Reply #5 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

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 28399
  • Always on vacation
    • Jenkin Hill Internet
Re: How to Edit Text And Font Sizes for Products
« Reply #6 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
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

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

Currently using VirtueMart 4.0.10 10767  J 3.10.11 PHP 7.4.30

jhoo

  • Beginner
  • *
  • Posts: 10
Re: How to Edit Text And Font Sizes for Products
« Reply #7 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

dorex

  • Beginner
  • *
  • Posts: 47
  • VirtueMart Version: 2.0.16
Re: How to Edit Text And Font Sizes for Products
« Reply #8 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.


I've searched on the internet for almost two days, without finding an answer yet.
Any help is appreciated.
Best regards!
PHP 5.2.17 - Joomla 2.5.8 - Virtuemart 2.0.16

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 28399
  • Always on vacation
    • Jenkin Hill Internet
Re: How to Edit Text And Font Sizes for Products
« Reply #9 on: December 24, 2012, 10:49:19 am »
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.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

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

Currently using VirtueMart 4.0.10 10767  J 3.10.11 PHP 7.4.30

dorex

  • Beginner
  • *
  • Posts: 47
  • VirtueMart Version: 2.0.16
Re: How to Edit Text And Font Sizes for Products
« Reply #10 on: December 24, 2012, 18:34:46 pm »
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!

PHP 5.2.17 - Joomla 2.5.8 - Virtuemart 2.0.16