Change font size for attributes

[Donna]

Hi,
I would like to change the font size for attribute prices. I would like to make them smaller. I would be using <font size="1"> I can't find where I would put this in the code in the product attribute template. Thank you!

[lesliekirk]

Hi,
I would like to change the font size for attribute prices. I would like to make them smaller. I would be using <font size="1"> I can't find where I would put this in the code in the product attribute template. Thank you!

Hi Donna,

You'll need to dig into the CSS for your template. You won't be using <font size="1"> but more than likely font-size:12px;. The product attributes are in a div which has a class .product-attributes - start by looking for that in the CSS files (I'm not sure which one off the top of my head) but off the top of my head, I'm not sure exactly which CSS file.

[Bruce - PhosphorMedia]

If this is for the current site, as its an old version, you'll need to use the old inline style tags as you mentioned. You'll want to go the PATR screen and look in the Product Attribute Template.

[Matt Zimmermann]

Hi Donna,

The CSS Leslie is referring to is located in your pages.css file. If you have a stock installation of the ReadyTheme, it would be around line 653 of that file.

[Donna]

Where is the pages.css file? I looked under User Interface: pages but it is not there. Thank you!

[Matt Zimmermann]

Hi Donna,

You will have to use an FTP application to access the files on the server and then a code editor to make the update. The file is located in the `mm5/themes/levels/css` folder.

[Donna]

I don't know how to ftp. I was able to make some font changes in the product attribute template. I was hoping I could continue there with something simple!

[Donna]

In the product attribute template, I was able to change the font size for the price of the attribute. Now I just need to change the font size of the attribute prompt. Just need to know what I should change. Thank you!

[AHerb]

If you're using chrome, right click on the element and select "Inspect element".
You can check "Chrome developer tools" on YouTube

[Donna]

Thank you!