Add Login field to the header?


Author Message
ddye

Posted: 6/16/2013
Quote message 

Thanks in advance. I know you can add a search field to the header by using a shape. But how can I add a login field to the header?
 
Nick

Posted: 6/16/2013
Quote message 

Use the Login widget, and place it in the Header Widget Area. You can control the size and position with CSS.
 
Nick

Posted: 6/16/2013
Quote message 

If you don't want to use the Artiseer's login widget, you can use the "Nice Login Widget". This allows you to display it horizontally (more suitable for headers), or vertically.

Here is a screen shot: http://wordpress.org/plugins/nice-login-register-widget/screenshots/
 
ddye

Posted: 6/17/2013
Quote message 

Thanks Nick, I will check it out.
 
ddye

Posted: 6/17/2013
Quote message 

OK, here is where my complete programming ignorance really shines! How do I assign a rule to Nice Login Widget? I created this and added it to Templateer in Theme Options:

.login
{
text-align: right;
}

I pasted this into the widget's CSS CLass Name:

.login
{
text-align: right;
}

And... nothing.

Also, the "Lost Your Password?" link is the default color. How can I assign the style.css link rule?
 
ddye

Posted: 6/17/2013
Quote message 

Sorry, my bad, I pasted the following into the widget's CSS Class Name:

.login

Why can't we edit our posts in this forum?
 
Abland

Posted: 6/17/2013
Quote message 

Hi, ddye,
Quote ddye:
Sorry, my bad, I pasted the following into the widget's CSS Class Name:

.login

Don't include the dot - just paste in login
 
Nick

Posted: 6/17/2013
Quote message 

If you are having problems with the css, you can take care of the size and position within Artisteer as well:

Header->Contols->Position.

Now, you can right mouse click on the position and click on the options. From there you can set the height and width for the control. Once you do that, you can drag the control anywhere you want in the header.

This is going to create an additional widget area in the header, where you decided its' size and position in Artisteer. If your theme is responsive, and it should nowadays, be careful and test it with all screen sizes, because the controls are always visible. At worst, if on smaller screens you are having problems, you can always add the widget class to be visible for desktop view only (not visible for tablets and phones). So for the widget, put visible-desktop in the "Add Widget class:" field. Of course this is only available with the latest version of templateer, which I think you own anyways.