• Skip to primary navigation
  • Skip to main content

RocketGeek

Home of WP-Members, The Original WordPress Membership Plugin

  • WordPress Plugins
    • WP-Members
      • FAQs
      • Quick Start
      • Documentation
      • Extensions
    • Advanced Options
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Download Protect
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Invite Codes
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • MailChimp Integration
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • PayPal Subscriptions
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Salesforce Web-to-Lead
    • Security
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Text Editor
      • Purchase the Plugin
      • Get the Pro Bundle
    • User List
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • User Tracking
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Memberships for WooCommerce
    • WordPass
  • Blog
    • Basics
    • Tips and Tricks
    • Filters
    • Actions
    • Code Snippets
    • Shortcodes
    • Design
    • Release Announcements
  • Store
    • Cart
    • Checkout
  • Contact
  • Log In
  • Show Search
Hide Search
Home » Archives for tips

tips

Replace the default login and registration forms with buttons

Chad Butler · Feb 2, 2015 ·

login_reg_buttonsA frequent question that I receive is how to replace the plugin’s default process of placing the login and registration forms with a process that takes the user to a login page (and/or registration page).

I’ve put together a code snippet that you can use as-is, or customize as needed in order to create a process that displays buttons that direct to a login page and registration page.  If you look at the screen shot to the left, you’ll see what this process will produce.  The example shows a post with an excerpt using the Twenty Fourteen theme.

The example provides the code snippet (which you can customize) as well as some initial CSS (which you can also customize) and will explain the process used to implement this change. Continue Reading →

Create a Child Theme

Chad Butler · Jan 19, 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..

 

One of the basic elements of WordPress best practices is to use a Child Theme. This allows you to make customizations to your theme without worrying about losing those changes when the theme author releases an update.   It’s simple to set up and should be a standard practice when setting up a new site.

This example will create a child theme of the WordPress default theme Twenty Seventeen.  The purpose of this exercise is to help you get a custom child theme so you can store custom functions for customizing WP-Members.  It is not intended to be a complete process of developing child themes and custom template files.  There are plenty of those resources available on the Internet, starting with the WordPress Codex.

Continue Reading →

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:

3 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 ·

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..

 

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 →

  • « Go to Previous Page
  • Page 1
  • Page 2
  • Page 3
  • Page 4
  • Page 5
  • Interim pages omitted …
  • Page 16
  • Go to Next Page »

Ready to get started?

Join Today!

© 2025 · butlerblog.com · RocketGeek is built using WordPress, WP-Members, and the Genesis Framework

  • butlerblog.com
  • WP-Members Support Subscription
  • Terms of Service
  • Privacy Policy
  • Refund Policy