Can't edit address fields on checkout/user profile

  • Posts: 2
  • Thank you received: 0
10 years 8 months ago #172107

-- HikaShop version -- : 2.3.2
-- Joomla version -- : 3.3.3
-- PHP version -- : 5.4.31

I am running into a problem where when i click on the "New" button (under the address section) on the checkout page and/or the edit pencil, the popup for the new/edit address comes up perfectly. The only problem is that the fields within the pop up are all blank, other than the dropdown address fields, which on my site include the Title, State and Country.

The other fields (i.e. First Name, Last Name, Address, etc.) that are text entry fields are blank (whether it's a new address or edit address). What's more confusing is that if I try to type into the fields nothing happens! The text is not visible within the fields - the text cursor is also not visible. However, if I type anyways, the text seems to be there and if I fill out all the required fields and click "OK" the address is saved correctly, but the text in the popup was never visible. It only becomes visible when address is saved and displayed on the page.

I am using mootols for the popup display.

what's even more confusing is that this used to work when I first set up the site, now it's no longer working...

Any help would be greatly appreciated...

Thanks!

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

  • Posts: 83832
  • Thank you received: 13572
  • MODERATOR
10 years 8 months ago #172151

Hi,

This indicates that there is some CSS on your website which set the color of the fields label and text as the same color as the background.
It's either coming from your template CSS, or from custom CSS that you added on your website yourself so I can't say precisely what to do since it depends on the CSS of your website which I don't know as you didn't provide any link.
One thing you can try is to force the color by adding such CSS on your website but it might not work:
#hikashop_address_form_span_iframe{ color: black !important; }

The following user(s) said Thank You: Albers

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

  • Posts: 2
  • Thank you received: 0
10 years 8 months ago #172173

Thanks, your response led me to look at CSS, which I wasn't looking at before and figure out what was going on. The problem wasn't with the color but with the entry filed height... it was set to 20px which was too small and for the size of the text and the text was completely being hidden....

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

  • Posts: 2
  • Thank you received: 0
10 years 3 months ago #191848

Albers wrote: Thanks, your response led me to look at CSS, which I wasn't looking at before and figure out what was going on. The problem wasn't with the color but with the entry filed height... it was set to 20px which was too small and for the size of the text and the text was completely being hidden....


I am having this exact same issue. However, I cannot find the CSS code that is instructing the "height:20px".

Can anyone PLEASE tell me what CSS file this is in, and maybe around what line it is on???

Thanks

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

  • Posts: 2
  • Thank you received: 0
10 years 3 months ago #191859

FYI, for others that also have this problem...

I never did find where was instructing the "height: 20px;"

However, I found another CSS fix that worked well in both Internet Explorer and Chrome. In the "hikashop_frame.css" file, you will find the following code:

/* UI Elements */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-color: #bcbcbc #dadada #e5e5e5;
	border-style: solid;
	border-width: 1px;
	color: #777;
	font-family: Arial, sans-serif;
	padding: 10px 12px !important;
	max-width: 100%!important;
}

I was able to change
box-sizing: border-box;
to
box-sizing: content-box;

and that did the trick!

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

Time to create page: 0.071 seconds
Powered by Kunena Forum