News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

How to Edit Text And Font Sizes for Products

Started by khew, April 04, 2012, 07:40:59 AM

Previous topic - Next topic

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 )
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

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

JoomTut

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:
}
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

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
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

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

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

#8
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

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
Lowestoft, Suffolk, UK

Retired from forum life November 2023

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

dorex

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 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