Change label color from in checkout login table

  • Posts: 65
  • Thank you received: 0
12 years 4 months ago #56784

Hello all I need to do is to simply change the label color for the checkout forms from grey to white. I heve tried editing the css in various diferent ways but no luck. It seems that it should be very simple but I cant get it to change.
I have tried changing color for
.hikashop_checkout_page label
.hikashop_checkout_login_right_part label
label

but I cant get the color of the labels to change.
Please let me know what is the css code that I must use to access labels inside the div.hikashop_checkout_login_right_part ??

this is the code of the checkout table.

<div id="hikashop_checkout_page" class="hikashop_checkout_page">
<form action="/tempweb/component/hikashop/checkout/step/step-1" method="post" name="hikashop_checkout_form" enctype="multipart/form-data">
<h1>Please enter your contact info</h1>
<div id="hikashop_checkout_login" class="hikashop_checkout_login">	
<div  id="hikashop_checkout_login_right_part" class="hikashop_checkout_login_right_part">
<fieldset class="input">
<h2>Email</h2><table cellpadding="0" cellspacing="0" border="0" class="hikashop_contentpane">
<tr class="hikashop_registration_email_line">
	<td class="key">
		<label id="emailmsg" for="register_email">
			E-mail		</label>
	</td>
	<td>
		<input type="text" id="register_email" name="data[register][email]" value="" class="inputbox required validate-email" maxlength="100" /> *
	</td>
</tr>
	<tr class="hikashop_registration_email_confirm_line">
		<td class="key">
			<label id="email_confirm_msg" for="register_email_confirm">
				E-mail confirmation			</label>
		</td>
		<td>
			<input type="text" id="register_email_confirm" name="data[register][email_confirm]" value="" class="inputbox required validate-email" maxlength="100" onchange="if(this.value!=document.getElementById('register_email').value){alert('The confirmation email differs from the email your entered. Please enter it again.'); this.value = '';}" /> *
		</td>
	</tr>
	<tr class="hikashop_registration_address_info_line">
	<td colspan="2" height="40">
		Address information	</td>
</tr>
		<tr class="hikashop_registration_address_title_line" id="hikashop_address_address_title">
			<td class="key">
				<label for="address_title">Title</label>			</td>
			<td>
				<select id="address_title" name="data[address][address_title]" size="1" onchange="hikashopToggleFields(this.value,'address_title','address',0);"><option value="Mr" id="address_title_Mr" selected="selected" >Mr</option><option value="Mrs" id="address_title_Mrs" >Mrs</option><option value="Miss" id="address_title_Miss" >Miss</option><option value="Ms" id="address_title_Ms" >Ms</option><option value="Dr" id="address_title_Dr" >Dr</option></select> <span class="hikashop_field_required">*</span>			</td>
		</tr>
			<tr class="hikashop_registration_address_firstname_line" id="hikashop_address_address_firstname">
			<td class="key">
				<label for="address_firstname">First name</label>			</td>

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

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
12 years 4 months ago #56819

It's really simple. Just add that CSS:

.hikashop_checkout_page label{
color: #FFF !important;
}

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

  • Posts: 65
  • Thank you received: 0
12 years 4 months ago #56907

Yes, I already did this, but it doesnt work? the labels are still grey ¿? as a matter a fact I think somwhow the css that I am changing is not afecting the site?? why could this be happening? I am editing the frontend css file inside hikashop in joomla. when I save it says saved correctly and the changes are there, but it is not affecting the site.
I dont understand why?

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

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
12 years 4 months ago #56935

Did you clear your browser's cache ? Otherwise, you won't see the changes.
Also, please check that the "custom" front end CSS file is selected in the configuration and not the "default" one.

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

  • Posts: 65
  • Thank you received: 0
12 years 4 months ago #56977

Yes I did clear cache and I even looked at it with a diferent computer but still no luck.
Yes the custom css is selected. But still not working.
I had problems with permissions via ftp on my server , could this be the problem?? but I thought since it said saved correctly it meant it was saving and working correctly??
how can I check for this??

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

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
12 years 4 months ago #57021

Can you give a link to your website so that we can see if the changes are there ?
It could also be your template's CSS overriding the css in some way.

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

  • Posts: 65
  • Thank you received: 0
12 years 4 months ago #57074

Ok I added the css code to the template css file and it works.
shushunature.com/tempweb
but why doesnt it work in the css of Hikashop?? is this a problem with my template? how can I fix it?
Thank you

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

  • Posts: 82820
  • Thank you received: 13366
  • MODERATOR
12 years 4 months ago #57149

I don't see the CSS or the JS files of HikaShop loaded on your front end. You're template is apparently missing the jdoc include tag for header files:
docs.joomla.org/Jdoc_statements#Head
It's really important to have it as almost all the components/modules displaying stuff on the front end need to add css/js files.

So yes, the problem is with your template.

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

Time to create page: 0.065 seconds
Powered by Kunena Forum