How to change the css for product code

  • Posts: 36
  • Thank you received: 0
11 years 6 months ago #136456

I have enabled "display product code" but the product code is huge. How do I change the size and add the prefix "product code:"

Thank you

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

  • Posts: 83995
  • Thank you received: 13605
  • MODERATOR
11 years 6 months ago #136523

Please provide a link to that page so that we can see that as there is a big possibility that it is caused by the CSS of your template.

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

  • Posts: 36
  • Thank you received: 0
11 years 6 months ago #136528

Hi Nicolas,

Thanks for the reply. Here is an example: abeautifulsuccess.com/e-store/synergie/s...alisse-milk-cleanser

Thanks for the help.

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

  • Posts: 83995
  • Thank you received: 13605
  • MODERATOR
11 years 6 months ago #136537

That's indeed in the template CSS.
Change the code:
h1 span#hikashop_product_name_main.hikashop_product_name_main {
font-size: 65%;
}
to:
h1 span {
font-size: 65%;
}

in abeautifulsuccess.com/templates/rt_metro...etropolis-custom.css and it will give the same size to both the name and the code of the product.
Also, you probably want to report that to your template provider so that they can adapt the CSS of their template to handle the product code too.

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

  • Posts: 36
  • Thank you received: 0
11 years 6 months ago #136568

Hi Nicolas,

The change you suggested would change all H1 . Is there a way in css to target just the code?

thanks

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

  • Posts: 12953
  • Thank you received: 1778
11 years 6 months ago #136605

Hi,
If you want your CSS code to only target the product code, this will probably do the job :

#hikashop_product_code_main {
/* Your CSS code */
}

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

  • Posts: 36
  • Thank you received: 0
11 years 6 months ago #136631

worked great--thank you Nicholas!!

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

Time to create page: 0.171 seconds
Powered by Kunena Forum