Skip to main content

Better spacing on forgotten password links

More
13 years 3 months ago #107808 by boopoo
Better spacing on forgotten password links was created by boopoo
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

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

More
13 years 3 months ago #107819 by Mohamed Thelji
Replied by Mohamed Thelji on topic Better spacing on forgotten password links
Hi,

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

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

More
13 years 3 months ago #107831 by boopoo
Replied by boopoo on topic Better spacing on forgotten password links
Do you know which part of the CSS file would control those links (forgotten password and forgotten username)? Thanks :)

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

More
13 years 3 months ago - 13 years 3 months ago #107834 by Mohamed Thelji
Replied by Mohamed Thelji on topic Better spacing on forgotten password links
Some code like this will probably do the job ;) :
Code:
#hikashop_checkout_login_left_part ul { margin-top: 10px; }
if not, giving me a link to your website will probably help me.
Last edit: 13 years 3 months ago by Mohamed Thelji.

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

More
13 years 3 months ago #107841 by boopoo
Replied by boopoo on topic Better spacing on forgotten password links
OK great :) I will send you a PM as prefer for my dev site link not to be in public forum.

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

More
13 years 3 months ago #107847 by Mohamed Thelji
Replied by Mohamed Thelji on topic Better spacing on forgotten password links
I checked your website, and I think that using some code like this should work :
Code:
#hikashop_checkout_login_left_part ul { margin-top: 27px; margin-left: -30px; }

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

More
13 years 3 months ago #107851 by boopoo
Replied by boopoo on topic Better spacing on forgotten password links
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;
}

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

More
13 years 3 months ago #107888 by Xavier
Replied by Xavier on topic Better spacing on forgotten password links
Yes you have to add it in the frontend css file, below '.hikashop_checkout_login_left_part' is perfect.

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

More
13 years 3 months ago #107892 by boopoo
Replied by boopoo on topic Better spacing on forgotten password links
Hi Xavier,

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

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

More
13 years 3 months ago #107894 by boopoo
Replied by boopoo on topic Better spacing on forgotten password links
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?

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

More
13 years 3 months ago #107914 by Mohamed Thelji
Replied by Mohamed Thelji on topic Better spacing on forgotten password links
Sure, If you don't change/edit it, your CSS file will stay the same.

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

More
13 years 3 months ago #107917 by boopoo
Replied by boopoo on topic Better spacing on forgotten password links
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 :)

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

More
13 years 3 months ago #107971 by Eliot
Replied by Eliot on topic Better spacing on forgotten password links
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).

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

More
13 years 3 months ago #108115 by boopoo
Replied by boopoo on topic Better spacing on forgotten password links
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.

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

More
13 years 3 months ago - 13 years 3 months ago #108151 by Mohamed Thelji
Replied by Mohamed Thelji on topic Better spacing on forgotten password links
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

Last edit: 13 years 3 months ago by Mohamed Thelji.
The following user(s) said Thank You: boopoo

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

Time to create page: 0.260 seconds
Powered by Kunena Forum