Help changing text size of catagory on product page

[jaylyns]

On each product page it shows the catagory that product falls under in the upper left corner of the page. I would like to make this text larger. Very new to php and css. Help for dummies would be greatly appreciated. lol

my url is: www.jaylyns.com

Thanks in advance for your help.

[jaylyns]

I still have not figured out a solutions to this. I am sure it is an easy fix as it is just a text size issue. I just can't seem to find where to change it. I am refering to the text at the top of the product info page that states the category that the product is in. I removed the pic but can't incease the size of the text. Any help would be appreciated.

[haredo]

On each product page it shows the catagory that product falls under in the upper left corner of the page. I would like to make this text larger. Very new to php and css. Help for dummies would be greatly appreciated. lol

my url is: www.jaylyns.com

Thanks in advance for your help.

includes/ templates/ your_own_template/ css/ stylesheet.css

Add the declaration below to the end of the stylesheet.css

1. #indexCategoriesHeading {font-size: 2em;}
2. Adjust the red font above to the size you like...

The next time you ask a question please

1. just click to the page in question on your web site.
2. in the address bar, in the browser
3. Copy the url of the page
4. Then paste this data, in your question
5. Much easier to help you???

[haredo]

J,
Take a look in the stylesheet also.

#mainWrapper {
background-color: #ffddee;
text-align: left;
width: 1200px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

Change the red font above to:

1. 99%
2. It should be 100%, but in firefox I am still getting the scroll bar on the bottom, I will check it out when you adjust it to 99%

[jaylyns]

I changed it to 99%. However, two problems came up. One is that when window size is reduced the logo and name in header don't show properly even though remainder of page resizes. And the pink bar in the header and footer don't go all the way across when the window is maximized. Thanks for all your help. If it weren't for the volunteers in this forum I would be totally in the dark.

[jaylyns]

One other quick question that I forgot to put in my last post. If I wanted to change the color and alignment (ie. from left to center) would I do it in the style sheet under the same area I added for size or should those two items be changed else where? Thanks again.

[jaylyns]

I changed it to 99%. However, two problems came up. One is that when window size is reduced the logo and name in header don't show properly even though remainder of page resizes. And the pink bar in the header and footer don't go all the way across when the window is maximized. Thanks for all your help. If it weren't for the volunteers in this forum I would be totally in the dark.

Fixed the pink bar problem. Sorry I have posted so much in here back to back. I changed the red part from 1200px to 100%. Still not sure how to fix the logo and store name when window is not full size.

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.0em;
font-weight: bold;
color: #ffffff;
width: 100%;

[haredo]

#mainWrapper {stylesheet.css (line 190)
background-color:#FFDDEE;
border:1px solid #9A9A9A;
text-align:left;
vertical-align:top;
width:1200px;

I still see it big time

[jaylyns]

Where? I changed it. It even changed the way my site looked in my browser after the change and after hitting refresh so I figured I changed the correct stylesheet. Also, how do you see the style sheet from the browser and tell which line #? Just curious. Thanks.

[haredo]

Firefox, with web building add ons

Google this:
Firefox/2.0.0.13