forms

Customizing form CSS: Login widget with inline inputs

Chad Butler · Jan 13, 2015 ·

This post is an example of manipulating the WP-Members login widget to display inline (inputs on a single line).

Since the involves some HTML changes and some specific CSS, please consider this an example. You will get your best results if you first try to reproduce the example as given. While you might get part way there just dropping the example into your own site, if you are running 20 different plugins and a highly customized theme, you probably won’t get the same results out of the gate. This example is not intended to be a one-size-fits-all solution because with the amount of variable pieces, that’s not realistic. It is intended to be an example of specific filter hooks available in the plugin for you to be able to learn how customize the HTML output to fit your specific need.

Here is an image of what we will create with this example:

Continue Reading →

Customizing form CSS: Custom login form with side-by-side inputs

Chad Butler · Jan 12, 2015 ·

This article is provided free. Find out how you can get full access to premium content, including how-to articles and support forums, as well as priority email support and member exclusive plugin extensions..

I do get requests from time to time about how to put form elements side-by-side. This example will show you how to take the default login form, apply a wrapper for the rows, and some CSS that will handle the layout. Continue Reading →

Customizing form CSS: Setting maximum form width

Chad Butler · Jan 12, 2015 ·

If you use a theme that has a fairly wide main content area and couple that with one of the plugin’s default stylesheets that uses a percentage width for the form, you may find it useful to add a property definition of max-width to set maximum width for the forms. Continue Reading →

Customizing form CSS: Adjusting floated form elements

Chad Butler · Jan 12, 2015 ·

Some of the generic stylesheets included with the plugin use the CSS property definition “float” to align the form label and input tags next to each other in a pure CSS fashion.

Sometimes, CSS from the theme and the plugin can collide in a way that causes these elements to not be in alignment. The result can make the form look rather strange because some elements will be squeezed out of place. Continue Reading →

Adding user display name to the registration form

Chad Butler · Oct 8, 2012 ·

WordPress does not allow for users to change their username, so neither does WP-Members. However, it does allow for the use of “display name” which is the name that is displayed on the site when showing users’ names. The default install of WP-Members does not make use of display name. In fact, by default, it adds the user’s username to this field so that it is not empty in the database, just in case you are using that information somewhere else on the site (such as in a forum).

But what if you want to make use of the display name field? How can you add that to the front-end user profile in WP-Members. This post will show you how to add it to the registration form (which by default includes the user update form), and then how to show it only in the user update form. Continue Reading →