Edit inline CSS for the login page
Rate this topic: 1.00 out of 6 based on 1 vote(s)
- GK User
- Sun Dec 01, 2013 7:37 pm
- Reply with quote
- Report this post
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
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
-
- Fresh Boarder
- GK User
- Sun Dec 01, 2013 11:40 pm
- Reply with quote
- Report this post
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/
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/
-
- Platinum Boarder
- GK User
- Sun Dec 01, 2013 11:43 pm
- Reply with quote
- Report this post
Are you talking about this top margin ??
If yes, use this:
use 10px or less...
this-margin.png
If yes, use this:
- Code: Select all
section.login ul {margin-top:10px;}
use 10px or less...
-
- Platinum Boarder
- GK User
- Mon Dec 02, 2013 5:54 pm
- Reply with quote
- Report this post
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.
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
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
-
- Fresh Boarder
- GK User
- Tue Dec 03, 2013 12:19 am
- Reply with quote
- Report this post
Maybe it want be perfect but please try this
or ...which could be better
- Code: Select all
#system-message-container { margin-left: -300px; }
or ...which could be better
- Code: Select all
#system-message-container { margin: 0 -25%;}
-
- Platinum Boarder
- GK User
- Wed Dec 04, 2013 12:39 pm
- Reply with quote
- Report this post
It works great now.
Thanks a lot
Thanks a lot
-
- Fresh Boarder
6 posts
• Page 1 of 1