Change font colour for headings - checkout page

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

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

if you would like to look, username is test1, password test1

Thank you.

Then try like this:

legend{
color: green !important;
}

/* 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.

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

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

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.

Thank you Nicolas.
This works perfectly.