Edit inline CSS for the login page

Hi,

See this page
http://www.recipe.vn/log-in.html

When you FIrebug or viewsource it, check on line 75.

I would like to remove (yes, remove, not edit) the margin property here. Where can I find the CSS source to remove that line?

Thanks

Hi.
We suggest to not edit css template file, use override technique --in override.css or CSS custom field, more details:
http://www.gavick.com/documentation/joo ... -template/

Are you talking about this top margin ??

this-margin.png

If yes, use this:

Code: Select all

section.login ul  {margin-top:10px;}

use 10px or less...

Hi Pawel,
Thanks for your reply.

Sorry I have not make it clear.

On this page http://www.recipe.vn/log-in.html, try to login using blank username and password to trigger the pop-up error message.
You will see it is not centered on the screen.

When I remove this using firebug (line 75 in log-in.html), it will be float center as I wish.

Code: Select all

#system-message-container {
    margin: 0 -10px;
}

I have tried using overide.css but there are no CSS syntax to override this property to none. That's why I need to remove it from the source.

See my screenshot would help you to get it right.



Thanks

Maybe it want be perfect but please try this

Code: Select all

#system-message-container { margin-left: -300px; }

or ...which could be better

Code: Select all

#system-message-container { margin: 0 -25%;}

It works great now.
Thanks a lot