Change font colour for headings - checkout page

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #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!

Last edit: 13 years 3 months ago by IanK.

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

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
13 years 3 months ago #24094

You can use such CSS:

#hikashop_checkout_address legend{
color: green;
}

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

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #24098

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.

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

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
13 years 3 months ago #24110

Then try like this:

legend{
color: green !important;
}

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

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #24116

/* 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: 13 years 3 months ago by IanK.

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

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
13 years 3 months ago #24136

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 or Create an account to join the conversation.

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #24150

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 or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13377
  • MODERATOR
13 years 3 months ago #24157

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 or Create an account to join the conversation.

  • Posts: 51
  • Thank you received: 0
13 years 3 months ago #24159

Thank you Nicolas.
This works perfectly.

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

Time to create page: 0.068 seconds
Powered by Kunena Forum