text on checkout page

  • Posts: 26
  • Thank you received: 0
  • Hikashop Business
4 days 22 hours ago #316795

-- url of the page with the problem -- : www.dykkerhulen.dk/webshop/checkout
-- HikaShop version -- : 4.2.3
-- Joomla version -- : 3.9.15
-- PHP version -- : 5.6.40
-- Browser(s) name and version -- : Google Chrome

Hi,

I have tried to find where I can changen the text: "New billing address" on the checkout page for first time buyers to danish and also a smaller size. Please see attached photo.

I would also like to move the form from the right side to the left side as showed on the attached photo, but where do I do that?

Hope some one can advice :)

Attachments:

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

  • Posts: 68452
  • Thank you received: 10203
  • MODERATOR
4 days 13 hours ago #316801

Hi,

1. You can edit the texts of the interface under the "Languages" tab of the HikaShop configuration.
So edit the language file for your language there and search for that text and you should find the corresponding translation string that you can translate:
www.hikashop.com/download/languages.html#translate

2. You can do that with CSS code.
For example, you can add such CSS:

label.hkc-sm-4.hkcontrol-label {
    margin-left: -90px;
}
Here we explain how to add such CSS code:
www.hikashop.com/support/documentation/1...ize-the-display.html

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

  • Posts: 26
  • Thank you received: 0
  • Hikashop Business
3 days 23 hours ago #316821

Thanks for your answer.

1.
I found out that the string: HIKASHOP_NEW_BILLING_ADDRESS="New billing address" was in the danish language file, but I have add it now and changed to the text I want. Thanks.

2.
I tried to inset the code as suggested and it helped. Thanks.
But as for now it looks like on the attached image 1, but I need it to look like as on image 2 so it fits the rest of the forms on the website.
I dont know how I add the same design, can some one advice?

Attachments:

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

  • Posts: 68452
  • Thank you received: 10203
  • MODERATOR
3 days 11 hours ago #316825

Hi,

2. In that case, instead of the CSS code I gave you before, you can use this:

.hkform-horizontal .hkcontrol-label{
text-align: left !important;
}
#hikashop_checkout_form input[type="text"]{
    background: #001b2c !important;
    height: 23px !important;
    border-radius: 0px !important;
    border: 1px solid #000000 !important;
    color: #fff !important;
}
#hikashop_checkout_form input[type="text"]:focus{
    border-color: rgba(82, 168, 236, 0.8);outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
That will give you that result:
monosnap.com/file/viUsx9dZFwobXWawAXjME7rDv0z9S2

PS: please understand that such help with style customization is outside the range of the support we're supposed to provide.
If you need our help for further style customization, please use our contact form to explain your needs and request a quote on the job and we can do that for you.

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

Time to create page: 0.049 seconds
Powered by Kunena Forum