Help changing text size of catagory on product page

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: https://www.jaylyns.com

Thanks in advance for your help.

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.:frusty:

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.

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
3. just click to the page in question on your web site.
4. in the address bar, in the browser
5. Copy the url of the page
6. Then paste this data, in your question
7. Much easier to help you??? :smile:

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%

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.

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

#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

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.

Firefox, with web building add ons

Google this:
Firefox/2.0.0.13

Why would it be changing on my end and not yours though? I will download those add ons.

jaylyns:

Why would it be changing on my end and not yours though? I will download those add ons.

includes/ templates/ classic/ css/ stylesheet.css

This is the path I see you using to control the site???

That is where I changed it. Even with the firefox add ons on my end it is showing 99% and 100% not 1200 anymore for either location.

jaylyns:

That is where I changed it. Even with the firefox add ons on my end it is showing 99% and 100% not 1200 anymore for either location.

J,
Looking good,
Hope the woman does not see me working on this site... :yes:
Dang it, I forgot to clear my cashe, since I loaded your page so many times.
Sorry.
I use firebug. Killer add on

Lol. Hope you don't get caught either. Could always say you were looking for a mothers day gift for her. lol.

What about the resize issue of the logo and header. When the window is not maximized it cuts half the name off and throws the logo above the header. Thanks again for all your help.

If you do end up ordering feel free to use coupon code 10PEROFF

jaylyns:

Lol. Hope you don't get caught either. Could always say you were looking for a mothers day gift for her. lol.

What about the resize issue of the logo and header. When the window is not maximized it cuts half the name off and throws the logo above the header. Thanks again for all your help.

If you do end up ordering feel free to use coupon code 10PEROFF

Lol,
I will look into the header issue.

heck, I was hoping there was a one time coupon for 100% off under $100..
You could mark it on your taxes as Testing Merchandise.. :no:

jaylyns:

What about the resize issue of the logo and header. When the window is not maximized it cuts half the name off and throws the logo above the header.

#tagline {stylesheet.css (line 215)
color:#000000;
font-size:3em;
padding-left:9em;
text-align:left;
vertical-align:middle;
}

1. change the red font above to:

2. 9 to 3

3. float: left;
   #logo {stylesheet.css (line 121)
   float:right;
   margin:0px;
   padding-right:15em;
   vertical-align:middle;
   }

4. change the red font above to:

5. left;

6. 15 to 3
   

That put my logo before my store name. I like the logo after the store name. Any other way to do it?

jaylyns:

That put my logo before my store name. I like the logo after the store name. Any other way to do it?

J,
Is your logo the wording or the box

Sorry getting tired..

The box. I am sorry I am taking up so much of your time. I truley appreciate it.