Better spacing on forgotten password links

Hi there,

Do you know how I can improve the spacing / layout of where the forgotten password links are on registration? At present the spacing is not good. Please see image attached. Is this something I can edit through Hikashop views?

Thanks in advance

Hi,

I think that this can be done by using some CSS code .

Do you know which part of the CSS file would control those links (forgotten password and forgotten username)? Thanks

Some code like this will probably do the job :

#hikashop_checkout_login_left_part ul {
margin-top: 10px;
}

OK great I will send you a PM as prefer for my dev site link not to be in public forum.

I checked your website, and I think that using some code like this should work :

#hikashop_checkout_login_left_part ul {
margin-top: 27px;
margin-left: -30px;
}

Many thanks I shall try that.
Do I just add that into the Hikashop css file below '.hikashop_checkout_login_left_part'? Like below:



}
.hikashop_checkout_login_left_part{
width:250px;
float:left;
}
#hikashop_checkout_login_left_part ul {
margin-top: 27px;
margin-left: -30px;
}

Yes you have to add it in the frontend css file, below '.hikashop_checkout_login_left_part' is perfect.

Hi Xavier,

I have added that to the frontend CSS file, but it does not change anything. Any ideas?

Xavier it's fixed!! Thank you again. There was a space in the code where there shold not have been.
Will that css file stay the same and not be overwritten with future updates?

Sure, If you don't change/edit it, your CSS file will stay the same.

Mohammend that's perfect thank you.

One final question to do with CSS. I want to change the colour of the hikashop warning messages.
I have changed this in the frontend CSS file of hikashop, but it does not have any affect. Is there a reason for this and why my template settings seem to override the hikashop css file?

Thanks

Hi there,

The error message displayed by Hikashop are the joomla's messages.
So you have to edit your template css to change the color (if it's really a hikashop error message do a right click on it and find it class, applying changes in the hikashop front end css file should work).

You are right. The messages I am looking at are Joomla messages with css settings in the media/css/system.css file
Is there any folder location where I can add the media/css/system.css file so that it is not overwritten each time I upgrade Joomla?

Big thanks in any case.

Hi,

I think that you'll maybe find some answer there :

the default joomla templates will be replaced during the upgrade..... you can create a new css and override the styles but you will have to upload and attach the css file in the template again after the upgrade

its better to create a new template or a copy of the template to avoid this

take a look at this article too..
docs.joomla.org/How_do_you_modify_a_template%3F