Text Formatting Issues

[rstevenson]

Where is the stylesheet located?

Your main working stylesheet is...
includes/templates/YOUR_TEMPLATE/css/stylesheet.css

If that doesn't mean anything to you, you need to read some of the FAQs about how Zen Cart is set up and how to create and modify a template using the overrides system. All are in the Tutorials/FAQ link at the top of this screen.

Rob

[ojhernandez]

This is what i am viewing in Firebug..

Notice the highlighted red font above, all the <p> are set up this way.. You will have to edit them all to change the size..

When editing click on these two icons in the heading table <> ... you might of pasted your info on the front which you need to do this inside the code...

How would I edit this? Would I have to go into the stylesheet like rstevenson said?

Your main working stylesheet is...
includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Thanks for Telling Me!

ojhernandez

[rstevenson]

How would I edit this? Would I have to go into the stylesheet like rstevenson said?

When you enter text in admin/Tools/Define Pags Editor, you can, if you want to, add in-line styles. It may even be necessary to do that some times. But most of the time, all you need to do is identify what the chunks of text are, not how they should look, when you're in the define pages editor. Then the styles in the stylesheet handle how they should look. For example...

If you want a sub-heading and a paragraph, paste the raw text into the Define Pages Editor then select just the sub-header text and click the Format dropdown (it probably says normal at first.) Select Heading 2 or 3 or whatever you want. (Generally, heading 1 is taken care of automatically by Zen Cart. It's your page title.) You don't have to define the paragraphs other than to separate them with a carriage return. Click the "Source" button in the top-left of the editor toolbar and you can see the result in code view. (This description applies to FCKEditor.) You almost never need to define font styles or sizes in the Define Pages Editor.

Now that you have the text entered, view the page in a browser. If it's fine, you're done. If not, then you want to go into your stylesheet.css file and edit it to style things the way you want them.

If you're not familiar with writing styles in the stylesheet, there are lots of places on-line to learn about CSS. W3 Schools is often recommended.

In short, use the Define Pages Editor's buttons to define what the text is -- paragraph, heading, list, whatever -- and use the stylesheet to make it look the way you want.

Rob

[ojhernandez]

When you enter text in admin/Tools/Define Pags Editor, you can, if you want to, add in-line styles. It may even be necessary to do that some times. But most of the time, all you need to do is identify what the chunks of text are, not how they should look, when you're in the define pages editor. Then the styles in the stylesheet handle how they should look. For example...

If you want a sub-heading and a paragraph, paste the raw text into the Define Pages Editor then select just the sub-header text and click the Format dropdown (it probably says normal at first.) Select Heading 2 or 3 or whatever you want. (Generally, heading 1 is taken care of automatically by Zen Cart. It's your page title.) You don't have to define the paragraphs other than to separate them with a carriage return. Click the "Source" button in the top-left of the editor toolbar and you can see the result in code view. (This description applies to FCKEditor.) You almost never need to define font styles or sizes in the Define Pages Editor.

Now that you have the text entered, view the page in a browser. If it's fine, you're done. If not, then you want to go into your stylesheet.css file and edit it to style things the way you want them.

If you're not familiar with writing styles in the stylesheet, there are lots of places on-line to learn about CSS. W3 Schools is often recommended.

In short, use the Define Pages Editor's buttons to define what the text is -- paragraph, heading, list, whatever -- and use the stylesheet to make it look the way you want.

Rob

I wanted to use FCKEditor but I don't know which addon to get.

Do I use http://www.zen-cart.com/index.php?ma...roducts_id=269 or http://www.zen-cart.com/index.php?ma...roducts_id=268

Thanks!

ojhernandez

[rstevenson]

I wanted to use FCKEditor but I don't know which addon to get.

Do I use http://www.zen-cart.com/index.php?ma...roducts_id=269 or http://www.zen-cart.com/index.php?ma...roducts_id=268

Well, those are two different editors, and only one of them is FCKEditor.

Rob

[ojhernandez]

Well, those are two different editors, and only one of them is FCKEditor.

Rob

http://www.zen-cart.com/index.php?ma...roducts_id=269

TinyMCE is one of the more popular web-based HTML editing tools available.
Installing this plugin allows you to use FCKeditor instead of HTMLarea when entering product descriptions and composing content pages as well as html-formatted email messages.

Thanks, I guess I was just confused by it saying it was FCKeditor. I thought it was a different variation.

Now I can try using FCKEditor out!

Thanks!

ojhernandez

[ojhernandez]

I finally got it displaying right.

Turns out FCKEditor was the trick!

Thanks for your help!

ojhernandez

[rstevenson]

Yes. Looks much better now.

Rob