Change font sizes on certain areas & colors.

  • Posts: 82
  • Thank you received: 1
13 years 5 months ago #18356

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.

Last edit: 13 years 5 months ago by FreshIdeas.

Please Log in or Create an account to join the conversation.

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
13 years 5 months ago #18375

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

Please Log in or Create an account to join the conversation.

  • Posts: 82
  • Thank you received: 1
13 years 5 months ago #18386

These are not in the CSS file.

Please Log in or Create an account to join the conversation.

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
13 years 5 months ago #18387

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

Please Log in or Create an account to join the conversation.

  • Posts: 82
  • Thank you received: 1
13 years 5 months ago #18409

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]

Last edit: 13 years 5 months ago by FreshIdeas.

Please Log in or Create an account to join the conversation.

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
13 years 5 months ago #18412

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

Please Log in or Create an account to join the conversation.

  • Posts: 82
  • Thank you received: 1
13 years 5 months ago #18415

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

Last edit: 13 years 5 months ago by FreshIdeas.

Please Log in or Create an account to join the conversation.

  • Posts: 9
  • Thank you received: 0
12 years 4 months ago #56779

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

Please Log in or Create an account to join the conversation.

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
12 years 4 months ago #56815

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

Please Log in or Create an account to join the conversation.

  • Posts: 9
  • Thank you received: 0
12 years 4 months ago #56822

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

Please Log in or Create an account to join the conversation.

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
12 years 4 months ago #56860

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

Please Log in or Create an account to join the conversation.

  • Posts: 9
  • Thank you received: 0
12 years 4 months ago #56873

Please Log in or Create an account to join the conversation.

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
12 years 4 months ago #56904

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

Please Log in or Create an account to join the conversation.

Time to create page: 0.085 seconds
Powered by Kunena Forum