X-Cart forums

[GenePhelps]

Hello,

I've been having trouble locating how to increase the font size for my products page. I can increase the font size of the title of the product (the link to the detailed product page) on the skin1.css file, but I can't seem to find the coding that allows me to increase the font size of the small description under the product title.

Any help with this would be very much appreciated. Thank you!

[gb2world]

Use firefox with the firebug addon to debug css

[GenePhelps]

gb2world,

Thank you for the advice. I downloaded the addon, and it works great. However, I still can't find the line of coding that will enable me to increase the font size. I can find it with the addon in HTML, but when I switch it over to CSS it gives me the same coding lines I've been looking at for a week now. I'll keep looking - perhaps I'm just missing it.

Thank you!

[gb2world]

It would be unusual for firebug not to take you directly to the exact css.

If you want to post a link- it will be easier to help.

Just guessing - but the css could be in-line as opposed to in the css file. For product descriptions - you have the option of using the WYSIWYG - which likely will apply in-line css. If that is the case - you will need to edit it in you product description in the admin as opposed to a template or css file.

[hoosierglass]

On the left side of firebug you should be able to scroll through the css to find what line it will change, you must make sure that you are in the correct div of the page first by going through the tree on the right side of fire bug.

Hope this is of some help.

Mike

[gb2world]

I think it is a little easier than that to get directly to the correct css - depends on how you have firebug set up.

Select Inspect in the firebug console menu.
Run your mouse over the part of the page that you need information - it should place a border around the html element. (It could be a div, span, a, td, etc.)
Right-click it and the html will be highlighted in the html pane.
Now, in the html pane, Left click the html and the style pane takes you directly to the css controlling the html element. It tells you the name of the css file and the line number
If it is in-line css, you will not see a css file name and line number in the css pane. Instead - you will see "element.style" and you will see the css in the html pane. This means the css is directly assigned in the html (in the template)
For some things that you can update using the WYSIWYG - you could have inline css style that is not in the template - it is in the database. You update those in your administration with the WYSIWYG, with a csv update, or however you update the database

[GenePhelps]

Thanks so much for your help - I finally found it! Firebug helps out a lot, I was just confused on the crossover from HTML to CSS.