Change font sizes on certain areas & colors.

Please tell me how to change the font sizes in the following areas:

1 - Product category display ( See link ). Would like the category names to be 1 size larger.

2- Price on product page - would like to be larger.

Thank you.

Would also like to change the COLOR of the product name on Product Listing Page. The font color assigned by the template is yellow - hard to read on the white background. Would only like to change the color when the background is WHITE. Don't want to change the background as most of the images have a white background and it looks much cleaner with a white rectangle rather than a different color.

You can edit the CSS of HikaShop via the interface in the config under the tab Display.
The class for the category name is: hikashop_category_name
For the price: hikashop_product_price
For the products name : hikashop_product_name

These are not in the CSS file.

Yes. You need to add new definitions for them...

So i added it here:


/* category display */
div.hikashop_category_image{
clear:both;
}NEW STARTS HERE.... (not included in the CSS - these words)
hikashop_category_name
font-weight: bold;
font-size: 200%;
color: #FFFFF;
}

did not make a difference....

Correction: It changed the MAIN category name (the name at the top of the page). I need to change the category names UNDER THE PICTURE. See link See link [/url]

That's not valid CSS.
It should be:
.hikashop_category_name{
font-weight: bold;
font-size: 200%;
color: #FFFFF;
}

Ahhh... got it. Size changed in ALL places (THANK YOU)but color did not. Color won't change in the product name either.

Hi thanks this was helpful - I can get the font to change but I cant get the colour to change ?
/* category display */
div.hikashop_category_image{
clear:both;
}

.hikashop_category_name{
font-weight: bold;
font-size: 100%;
color: black!important;
}

Try to put a space between color: black and !important;

Hi thanks for your response I have tried that still no difference , I have cleared the cache also

Can you give a link to the page so that we can see that ?

faultyapplegadgets.co.nz/index.php/gadget-part-finder

shop is not live yet

Your template's CSS is overriding your CSS.
You need to do like that instead in order to override your template's CSS override:
.hikashop_category_name a{
font-weight: bold;
font-size: 100%;
color: black!important;
}