Adjust design of custom field in checkout

Start
Prev
1
Next
End

ginmacher
Topic Author
Offline

Posts: 65
Thank you received: 3

6 years 2 months ago #287237

-- url of the page with the problem -- : www.ginmacher.de
-- HikaShop version -- : 3.2.2
-- Joomla version -- : 3.7.4
-- PHP version -- : 7.1
-- Browser(s) name and version -- : Firefox
-- Error-message(debug-mod must be tuned on) -- : Custom Field CSS in Checkout

Hello Hika Team,

just a quick question: I created a new text are field in checkout for customers to enter additional comments. That works so far

See screenshot:

the field is on the right side but should be on the left. Where do I need to enter which CSS to do that?
Also the Heading (zusätzliche Infos) should be not visible.
And in the text are there should be a standard text for the customer. In a normal text field it works - but in a text area if I put a standard text in my custom field it's not shown in the frontend, field stays empty.

Thanks for support again

Attachments:

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

nicolas
Away

Posts: 81539
Thank you received: 13069
MODERATOR

6 years 2 months ago #287255

Hi,

Regarding the title of the area, you change change it with a translation override:
www.hikashop.com/download/languages.html#modify
or you could hide it with CSS:
www.hikashop.com/support/documentation/1...ize-the-display.html
Regarding the position of the textarea, that's because, like the registration form of the checkout, it has a 30%/70% display so that all the custom field of the table "order" you would create would be aligned together with enough space on the left for the display of the label. You can add such CSS to counteract that:
.hikashop_checkout_fields .hikashop_checkout_kommentar_line label{
width: auto !important;
}

The following user(s) said Thank You: ginmacher

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