X-Cart forums

[rrmccabe]

Running X-Cart 4.1.9 and with the template we are running the font size goes from super small to slightly larger than I would like when using the WYSIWYG editor. Like size 3 to size 4.

I would assum that is a function of a CSS sheet. Is that right?

Thanks

Rich

[balinor]

View the source, see what formatting tags it is adding.

[rrmccabe]

The source shows <span style="FONT-SIZE: 14pt">This is a pre-purchase agreement. For $10.00 you get on the official first list. Be the first at your track to own one. This is the first major manufacturer 100% ready 1/8 scale kit entirely designed in the United States. Pictures are of prototype only. Slight variations may exist with mass manufacturing. See Details. </span>

In the WYSIWYG the nex size down seems to set the font to 10??

Thanks

[kube]

Although I wouldn't recommend using the wysiwyg; a quick way around this, so that you can have your own font sizes within the wysiwyg editor, would be to change these two .js files below...

skin1/modules/HTML_Editor/editor.js
skin1/modules/HTML_Editor/moz/editor.js

and locate these lines of code in both of them...

if(f.size==1)nSize="8pt";
else if(f.size==2)nSize="10pt";
else if(f.size==3)nSize="12pt";
else if(f.size==4)nSize="14pt";
else if(f.size==5)nSize="18pt";
else if(f.size==6)nSize="24pt";
else if(f.size>=7)nSize="36pt";

and change them to the size you like, for instance (these sizes below are NOT in relation to the equivalent size in pt's)...

if(f.size==1)nSize="0.8em";
else if(f.size==2)nSize="0.9em";
else if(f.size==3)nSize="1em";
else if(f.size==4)nSize="1.2em";
else if(f.size==5)nSize="1.4em";
else if(f.size==6)nSize="1.6em";
else if(f.size>=7)nSize="2.0em";

I haven't tested this thoroughly but it doesn't appear to be conflicting with anything else within the js and outputs just the same. The em's I have introduced to show that over units are possible. You could just as easily swap...

else if(f.size==3)nSize="12pt"; to else if(f.size==3)nSize="11pt";

...if needs be - for size 3 to come up as 11pt's.

Hope this helps.

[rrmccabe]

Thanks Doms, But if I dont want to do wysiwyg how do I bump up the default size for description field text?

[kube]

Originally Posted by rrmccabe

if I dont want to do wysiwyg how do I bump up the default size for description field text?

Within the default editor, to bump a portion of text, you could add a span and give it a style with a font size in percent. For example...

<span style="font-size:120%;">text</span>

However, if you meant how do you get a consistent fixed font size for the description text on all the product pages. Then...

Open up skin1/customer/main/product.tpl and locate...
<td>{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if}</td>

and add a class to the TD, for example, .descrtxt...
<td class="descrtxt">{if $product.fullde...

Then open up skin1/skin1.css and add the new class...

.descrtxt {
 font-size:2em; /* The font-size of your choosing */
}

Still within skin1/skin1.css, locate at the top of the document the following grouped selectors (on one line) and /* comment out */ the font-size like so (whatever the font-size value is)...

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
   /* FONT-SIZE: 10px;*/
}

Then a little further down locate the following grouped selectors (on one line) and add the default font-size for the rest of the content...

HTML,BODY {
    FONT-SIZE: 10px; /* default font-size for rest of content -  add to existing code  */
}

Hope this helps.