[Skip to main content](#vessel-content) # Change font colour for headings - checkout page ## - **[IanK](/forum/user/3748-iank "View IanK's Profile")** - [![IanK's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3748-iank "View IanK's Profile") Topic Author - [ Offline](/forum/user/3748-iank) Less More - Posts: 51 - Thank you received: 0 - - 15 years 2 months ago - 15 years 2 months ago [\#24076](#24076) by [IanK](/forum/user/3748-iank "View IanK's Profile") *[Change font colour for headings - checkout page](/forum/4-how-to/24076-change-font-colour-for-headings-checkout-page#24076 "Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks!")* was created by *[IanK](/forum/user/3748-iank "View IanK's Profile")* Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks! Last edit: 15 years 2 months ago by [IanK](/forum/user/3748-iank "View IanK's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI0MDc2LWNoYW5nZS1mb250LWNvbG91ci1mb3ItaGVhZGluZ3MtY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) 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: 86290 - Thank you received: 14268 - - 15 years 2 months ago [\#24094](#24094) 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 colour for headings - checkout page](/forum/4-how-to/24076-change-font-colour-for-headings-checkout-page#24094 "Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks!")* You can use such CSS: \#hikashop_checkout_address legend{ color: green; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI0MDc2LWNoYW5nZS1mb250LWNvbG91ci1mb3ItaGVhZGluZ3MtY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[IanK](/forum/user/3748-iank "View IanK's Profile")** - [![IanK's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3748-iank "View IanK's Profile") Topic Author - [ Offline](/forum/user/3748-iank) Less More - Posts: 51 - Thank you received: 0 - - 15 years 2 months ago [\#24098](#24098) by [IanK](/forum/user/3748-iank "View IanK's Profile") Replied by *[IanK](/forum/user/3748-iank "View IanK's Profile")* on topic *[Re: Change font colour for headings - checkout page](/forum/4-how-to/24076-change-font-colour-for-headings-checkout-page#24098 "Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks!")* Hi Nicolas I have tried this, and no change /* checkout address layout */ \#hikashop_checkout_address legend{ color:green; } .hikashop_checkout_address{ clear:both; width:700px; margin:auto; With or without the css change, using Chrome, Firefox, Opera, the words 'Billing Address' and 'Payment Method' are pale blue, using ie9, the words are black. [ pokeintheeye.co.uk/brspools/index.php/sh...se-our-shop/checkout](http://pokeintheeye.co.uk/brspools/index.php/shop/browse-our-shop/checkout) if you would like to look, username is test1, password test1 Thank you. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI0MDc2LWNoYW5nZS1mb250LWNvbG91ci1mb3ItaGVhZGluZ3MtY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) 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: 86290 - Thank you received: 14268 - - 15 years 2 months ago [\#24110](#24110) 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 colour for headings - checkout page](/forum/4-how-to/24076-change-font-colour-for-headings-checkout-page#24110 "Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks!")* Then try like this: legend{ color: green !important; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI0MDc2LWNoYW5nZS1mb250LWNvbG91ci1mb3ItaGVhZGluZ3MtY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[IanK](/forum/user/3748-iank "View IanK's Profile")** - [![IanK's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3748-iank "View IanK's Profile") Topic Author - [ Offline](/forum/user/3748-iank) Less More - Posts: 51 - Thank you received: 0 - - 15 years 2 months ago - 15 years 2 months ago [\#24116](#24116) by [IanK](/forum/user/3748-iank "View IanK's Profile") Replied by *[IanK](/forum/user/3748-iank "View IanK's Profile")* on topic *[Re: Change font colour for headings - checkout page](/forum/4-how-to/24076-change-font-colour-for-headings-checkout-page#24116 "Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks!")* /* checkout login layout */ \#hikashop_checkout_address legend{ color:#aad0f7 !important; } This code works, but only for Billing Address and Shipping Address legend. Shipping Method and Payment Method legends remain in Black font in ie9 only. Also font beside 'Card Validation Code' box is grey, while the rest of the small font on the page is pale blue. Can you help please. I would add that we are trialing Hikashop on behalf of a client, and will need to purchase Hikashop business edition in the near future. Last edit: 15 years 2 months ago by [IanK](/forum/user/3748-iank "View IanK's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI0MDc2LWNoYW5nZS1mb250LWNvbG91ci1mb3ItaGVhZGluZ3MtY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) 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: 86290 - Thank you received: 14268 - - 15 years 2 months ago [\#24136](#24136) 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 colour for headings - checkout page](/forum/4-how-to/24076-change-font-colour-for-headings-checkout-page#24136 "Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks!")* Of course, it only works for the addresses because of hikashop_checkout_address. Please do like I said and just put it like that and it will also work for the methods: legend{ color:#aad0f7 !important; } For the grey text of the CVC, it's actually because of the joomla library which adds it in hard in the joomla library. You will have to do like that to change it: .editlinktip{ color:#aad0f7 !important; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI0MDc2LWNoYW5nZS1mb250LWNvbG91ci1mb3ItaGVhZGluZ3MtY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[IanK](/forum/user/3748-iank "View IanK's Profile")** - [![IanK's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3748-iank "View IanK's Profile") Topic Author - [ Offline](/forum/user/3748-iank) Less More - Posts: 51 - Thank you received: 0 - - 15 years 2 months ago [\#24150](#24150) by [IanK](/forum/user/3748-iank "View IanK's Profile") Replied by *[IanK](/forum/user/3748-iank "View IanK's Profile")* on topic *[Re: Change font colour for headings - checkout page](/forum/4-how-to/24076-change-font-colour-for-headings-checkout-page#24150 "Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks!")* Sorry to be a pain Nicolas. I have installed the following to the css: /* Custom Modifications */ .editlinktip{ color:#aad0f7 !important; } \#hikashop_checkout_address legend{ color: #aad0f7 !important; } \#hikashop_checkout_shipping_method legend{ color: #aad0f7 !important; } \#hikashop_checkout_payment_method legend{ color: #aad0f7 !important; } Tool tip font is now ok. Address font is now ok. Checkout Shipping Method and Payment Method legends have not changed. Is this because I have the wrong name for them? Thanks for your help, once again. IanK Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI0MDc2LWNoYW5nZS1mb250LWNvbG91ci1mb3ItaGVhZGluZ3MtY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) 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: 86290 - Thank you received: 14268 - - 15 years 2 months ago [\#24157](#24157) 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 colour for headings - checkout page](/forum/4-how-to/24076-change-font-colour-for-headings-checkout-page#24157 "Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks!")* It's not hikashop_checkout_shipping_method but hikashop_payment_methods and not hikashop_checkout_shipping_method but hikashop_shipping_methods Also you should use a dot not a sharp. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI0MDc2LWNoYW5nZS1mb250LWNvbG91ci1mb3ItaGVhZGluZ3MtY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[IanK](/forum/user/3748-iank "View IanK's Profile")** - [![IanK's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/3748-iank "View IanK's Profile") Topic Author - [ Offline](/forum/user/3748-iank) Less More - Posts: 51 - Thank you received: 0 - - 15 years 2 months ago [\#24159](#24159) by [IanK](/forum/user/3748-iank "View IanK's Profile") Replied by *[IanK](/forum/user/3748-iank "View IanK's Profile")* on topic *[Re: Change font colour for headings - checkout page](/forum/4-how-to/24076-change-font-colour-for-headings-checkout-page#24159 "Searched the forum but can't find, sorry. How do I change the font colour for the headings Billing Address & Payment Method on the checkout page. I know it's done in css, but cant find the correct part of the file to edit. Thanks!")* Thank you Nicolas. This works perfectly. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI0MDc2LWNoYW5nZS1mb250LWNvbG91ci1mb3ItaGVhZGluZ3MtY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) 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.258 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)