ksaun Posted April 30, 2004 Share Posted April 30, 2004 How do I change the product title and price to the font and color I want for each???? http://tonerjunction.com/catalog/product_i...products_id=841 I want to get rid of the OSC standard Gray Bold color and font and replace it with the following: Change the color and font of the price to RED and the font to verdana 10 pt. and change the color and font of the product title to Black and the font to verdana 12 pt. Any suggestions on how to do this??? Looked in the style sheet but couldn't seem to find it in there :blink: My Favorite Quote from a movie. Question: How do you know women sooo well? Answer: I think of a man, then take away reason and accountability. Link to comment Share on other sites More sharing options...
Guest Posted April 30, 2004 Share Posted April 30, 2004 Correct me if I am wrong, but dont you just edit the CSS file? I am super new to this but I saw that CSS file in there and that might be it... Retro77... Link to comment Share on other sites More sharing options...
Guest Posted April 30, 2004 Share Posted April 30, 2004 To change the footer colour find this code and change the background colour. I normally open up a blank Dreamweaver window and choose the colour I want, I then cut and paste the colour code into the document.:- TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #3399FF; color: #ffffff; font-weight: bold; } To change the head colour bar find this code, again it is the background colour you need to change:- TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #3399FF; color: #FFCC33; font-weight : bold; } To change the header bars on top of all the catagories find this code, again background colour. You will see after changing this colour that the curved corners of the boxes remain unchanged, this is because they are gif files and you will need to change them in a program like fireworks or photoshop, all you need to do is copy the colour code and paste that into your paint pallete to get the exact match. You will find these GIFs here \catalog\images\infobox:- TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #3399FF; color: #ffffff; } To change the keylines of these boxes find this code:- .infoBox { background: #3399FF; Hope this helps. Mark Link to comment Share on other sites More sharing options...
ksaun Posted April 30, 2004 Author Share Posted April 30, 2004 Yes and No, It does change the font and color, but it changes them both to the same thing. Unfortunately I want the Product Title to have one color and font size and the Product Price to have another color and font size. or atleast color!! There within lies my cunundrum. <aka Problem! :rolleyes: My Favorite Quote from a movie. Question: How do you know women sooo well? Answer: I think of a man, then take away reason and accountability. Link to comment Share on other sites More sharing options...
ksaun Posted April 30, 2004 Author Share Posted April 30, 2004 Mark, That doesn't solve my problem, I'm not changing the header, footer, or the info box colors. That I know how to do through style sheets. Just trying to change the color and font size of my product title and price to two different colors and font sizes. I know there has to be a solution for this, doesn't there?? :blink: My Favorite Quote from a movie. Question: How do you know women sooo well? Answer: I think of a man, then take away reason and accountability. Link to comment Share on other sites More sharing options...
bluepony Posted April 30, 2004 Share Posted April 30, 2004 The problem is that the stylesheet does not contain a specific class for the Product Title or Price. Changing the generic PageHeading class will change all pages which is probably not what you want. The best solution is to create your own class like "ProductTitle" and "ProductPrice" in the stylesheet. Set your fonts and colors as you want. Then in catalog/product_info.php look for these two lines: <td class="pageHeading" valign="top"><?php echo $products_name; ?></td> <td class="pageHeading" align="right" valign="top"><?php echo $products_price; ?></td> and change them to your class <td class="ProductTitle" valign="top"><?php echo $products_name; ?></td> <td class="ProductPrice" align="right" valign="top"><?php echo $products_price; ?></td> I'd rather be flying! Link to comment Share on other sites More sharing options...
ksaun Posted April 30, 2004 Author Share Posted April 30, 2004 Thanks Henry, I'll give it a try! :D My Favorite Quote from a movie. Question: How do you know women sooo well? Answer: I think of a man, then take away reason and accountability. Link to comment Share on other sites More sharing options...
ksaun Posted April 30, 2004 Author Share Posted April 30, 2004 Henry, Thanks worked like a charm. One more question, In my product page I moved the price to where I wanted it, got the color I wanted, but I can't seem to get it to takeup less space than it did when it was up top. Take a look: http://tonerjunction.com/catalog/product_i...products_id=841 The lines above and below the price should be much closer together, I assume it has to do with table settings somehow left over from when I moved it, but I don't know how to change the amount of space it takes up. Scroll down a little on this link and you will see what I want it to look like, minus the double heading of course. http://tonerjunction.com/catalog/product_i...products_id=818 Any Ideas?? :blink: Thanks Keith My Favorite Quote from a movie. Question: How do you know women sooo well? Answer: I think of a man, then take away reason and accountability. Link to comment Share on other sites More sharing options...
ksaun Posted May 1, 2004 Author Share Posted May 1, 2004 Figured it out, when I was adding the code I was adding it as a separate line under where I wanted it to be placed. which was adding a cell to my table So I just added it to the end of the line of code for the cell I wanted it to appear in and removed the /td><td Where the codes meet making it one code :D And whalaaa, success. Have I confused you yet??? :huh: anyway its working, WHOOOO HOOOO! The scary thing is, I actually think I'm learning this stuff :blink: My Favorite Quote from a movie. Question: How do you know women sooo well? Answer: I think of a man, then take away reason and accountability. Link to comment Share on other sites More sharing options...
ill4elements Posted August 30, 2004 Share Posted August 30, 2004 I know nothign of php or css. Could u please explain and quote how i create my own class for ProductTitle and ProductPrice in the stylesheet so i can copy + paste? Thanks :D The problem is that the stylesheet does not contain a specific class for the Product Title or Price. Changing the generic PageHeading class will change all pages which is probably not what you want. The best solution is to create your own class like "ProductTitle" and "ProductPrice" in the stylesheet. Set your fonts and colors as you want. Then in catalog/product_info.php look for these two lines: CODE <td class="pageHeading" valign="top"><?php echo $products_name; ?></td> <td class="pageHeading" align="right" valign="top"><?php echo $products_price; ?></td> and change them to your class CODE <td class="ProductTitle" valign="top"><?php echo $products_name; ?></td> <td class="ProductPrice" align="right" valign="top"><?php echo $products_price; ?></td> Link to comment Share on other sites More sharing options...
Timu Posted November 28, 2007 Share Posted November 28, 2007 I know nothign of php or css. Could u please explain and quote how i create my own class for ProductTitle and ProductPrice in the stylesheet so i can copy + paste? Thanks :D I have been trying the change the font size/color of red price on the main page.. I could not locate the css section for it. I did modify all price related css... Thanks Link to comment Share on other sites More sharing options...
swcharlie Posted May 22, 2011 Share Posted May 22, 2011 I have been trying the change the font size/color of red price on the main page.. I could not locate the css section for it. I did modify all price related css... Thanks Hi there Know it's a bit late, but I also wanted to know :D I got it figured, so here it is for everyone who lands on this forum. Just insert something like: TD.ProductPrice, DIV.ProductPrice { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #ff0000; } into your stylesheet.css file and replace the following (in product_info.php): <td class="pageHeading" align="right" valign="top"><?php echo $products_price; ?></td> With: <td class="ProductPrice" align="right" valign="top"><?php echo $products_price; ?></td> as Bluepony said. Hope this helps anyone :) Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.