• 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
  • Store
    • Cart
    • Checkout
  • Blog
    • Basics [Free]
    • Tips and Tricks
    • Filters
    • Actions
    • Code Snippets
    • Shortcodes
    • Design
    • Release Announcements
  • Contact
  • Sign In
  • Show Search
Hide Search
Home » Filters » Bootstrap sidebar login example for non-Bootstrap themes

Bootstrap sidebar login example for non-Bootstrap themes

Chad Butler · Aug 18, 2012 ·

TwentyTen Bootstrap Sidebar LoginThere is a lot of interest in the sidebar login shown on this site, even by users who may not be using a Twitter Bootstrap theme.  The tutorial in the “How I Did It” category is specific to Twitter Bootstrap, which this particular site uses.  But this tutorial is an example of how you can create this type of login wiget styling without using a theme based on Twitter Bootstrap.  Actually, you will be using Bootstrap or some of it, but loading it with your existing theme and/or custom WP-Members custom css.   For this example, we will create this with a simple theme – WordPress TwentyTen.

This article is only available to WP-Members Support Subscribers. If you have an existing subscription, please login below. If you do not have a current support subscription, you can purchase a support subscription here.

Already a Member? Log In Here
   
Forgot password? Click here to reset

To gain full access to WP-Members premium content, a current support subscription is required. You can purchase an annual support subscription for as little as $59, which provides you with access to priority support, a customer support forum, access to code snippets, and more.

Why wait? Choose your subscription option here.

[
Why join?]

Filters, Tips and Tricks bootstrap, filters, wpmem_sidebar_form

Welcome to RocketGeek Interactive › Forums › Bootstrap sidebar login example for non-Bootstrap themes

Tagged: bootstrap, filters, wpmem_sidebar_form

  • This topic has 4 replies, 2 voices, and was last updated 7 years, 12 months ago by Chad Butler.
Viewing 4 reply threads
  • Author
    Posts
    • August 18, 2012 at 5:41 pm #1089
      Chad Butler
      Keymaster

      There is a lot of interest in the sidebar login shown on this site, even by users who may not be using a Twitter Bootstrap theme.  The tutorial in the
      [See the full post at: Bootstrap sidebar login example for non-Bootstrap themes]

    • March 10, 2013 at 7:52 am #2231
      progrec
      Participant

      Hi Chad,

      I have applied this example to my non-Bootstrap theme but this css changed my theme. Most text boxes are too high and fonts are changed. Do you have any idea how to fix that? I’d like to apply the tabbed registration/login form from your page but having the issue with just adding the icons I doubt I can succeed…

      Regards,
      Piotr

    • March 10, 2013 at 8:19 am #2232
      Chad Butler
      Keymaster

      Hi Piotr,

      Are you testing this on a site that I’d be able to look at?  With CSS issues, I need to see it to be able to work with it.  If not, send me a copy of the theme at chad@butlerblog.com.

      The Bootstrap customizations are fairly complex.  I do want to put together a tabbed login that doesn’t use Bootstrap.  But I’m still looking for some components that will work well for that.

    • March 12, 2013 at 4:25 pm #2250
      progrec
      Participant

      Hi Chad,

      I sent you a message. Did you get it?

    • March 13, 2013 at 7:11 am #2257
      Chad Butler
      Keymaster

      Hi Piotr – sorry about the delay.  Yes, I got it.  I’ll definitely review today and get you some info.

  • Author
    Posts
Viewing 4 reply threads
  • You must be logged in to reply to this topic.
Log In

Ready to get started?

Join Today!

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

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