[Skip to main content](#vessel-content) # Change font sizes on certain areas & colors. ## - **[FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile")** - [![FreshIdeas's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2199-freshideas "View FreshIdeas's Profile") Topic Author - [ Offline](/forum/user/2199-freshideas) Less More - Posts: 82 - Thank you received: 1 - - 15 years 4 months ago - 15 years 4 months ago [\#18356](#18356) by [FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile") *[Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#18356 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* was created by *[FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile")* Please tell me how to change the font sizes in the following areas: 1 - Product category display ([ See link](http://174.121.38.60/~hhware/index.php?option=com_hikashop&view=category&layout=listing&Itemid=808)). 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: 15 years 4 months ago by [FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14265 - - 15 years 4 months ago [\#18375](#18375) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#18375 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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 Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile")** - [![FreshIdeas's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2199-freshideas "View FreshIdeas's Profile") Topic Author - [ Offline](/forum/user/2199-freshideas) Less More - Posts: 82 - Thank you received: 1 - - 15 years 4 months ago [\#18386](#18386) by [FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile") Replied by *[FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#18386 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* These are not in the CSS file. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14265 - - 15 years 4 months ago [\#18387](#18387) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#18387 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* Yes. You need to add new definitions for them... Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile")** - [![FreshIdeas's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2199-freshideas "View FreshIdeas's Profile") Topic Author - [ Offline](/forum/user/2199-freshideas) Less More - Posts: 82 - Thank you received: 1 - - 15 years 4 months ago - 15 years 4 months ago [\#18409](#18409) by [FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile") Replied by *[FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#18409 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* 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](http://174.121.38.60/~hhware/index.php?option=com_hikashop&view=category&layout=listing&Itemid=843)[/url] Last edit: 15 years 4 months ago by [FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14265 - - 15 years 4 months ago [\#18412](#18412) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#18412 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* That's not valid CSS. It should be: .hikashop_category_name{ font-weight: bold; font-size: 200%; color: #FFFFF; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile")** - [![FreshIdeas's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2199-freshideas "View FreshIdeas's Profile") Topic Author - [ Offline](/forum/user/2199-freshideas) Less More - Posts: 82 - Thank you received: 1 - - 15 years 4 months ago - 15 years 4 months ago [\#18415](#18415) by [FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile") Replied by *[FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#18415 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* 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: 15 years 4 months ago by [FreshIdeas](/forum/user/2199-freshideas "View FreshIdeas's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")** - [![rmcdonald's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7295-rmcdonald "View rmcdonald's Profile") - [ Offline](/forum/user/7295-rmcdonald) Less More - Posts: 9 - Thank you received: 0 - - 14 years 3 months ago [\#56779](#56779) by [rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile") Replied by *[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#56779 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14265 - - 14 years 3 months ago [\#56815](#56815) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#56815 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* Try to put a space between color: black and !important; Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")** - [![rmcdonald's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7295-rmcdonald "View rmcdonald's Profile") - [ Offline](/forum/user/7295-rmcdonald) Less More - Posts: 9 - Thank you received: 0 - - 14 years 3 months ago [\#56822](#56822) by [rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile") Replied by *[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#56822 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* Hi thanks for your response I have tried that still no difference , I have cleared the cache also Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14265 - - 14 years 3 months ago [\#56860](#56860) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#56860 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* Can you give a link to the page so that we can see that ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")** - [![rmcdonald's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7295-rmcdonald "View rmcdonald's Profile") - [ Offline](/forum/user/7295-rmcdonald) Less More - Posts: 9 - Thank you received: 0 - - 14 years 3 months ago [\#56873](#56873) by [rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile") Replied by *[rmcdonald](/forum/user/7295-rmcdonald "View rmcdonald's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#56873 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* [ faultyapplegadgets.co.nz/index.php/gadget-part-finder](http://faultyapplegadgets.co.nz/index.php/gadget-part-finder) shop is not live yet Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14265 - - 14 years 3 months ago [\#56904](#56904) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change font sizes on certain areas & colors.](/forum/4-how-to/18356-change-font-sizes-on-certain-areas-colors#56904 "Please tell me how to change the font sizes in the following areas: 1 - Product category display (). 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.")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4MzU2LWNoYW5nZS1mb250LXNpemVzLW9uLWNlcnRhaW4tYXJlYXMtY29sb3JzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.340 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)