Style eNews Subscribe Box Widgets Differently

Most bloggers display 2-3 opt in boxes in different positions on their blogs. The only problem is, the styling is pretty much the same for each when using the Genesis eNews Extended widget.

This maybe o.k if you want your submit button underneath your email input box but what if you want it side by side?

In this very simple tutorial, i’ll show you which classes you need to use and in which order you need to use them to style each subscribe widget differently. The styling you add will be completely up to you.

Here’s the default styling for the Genesis 2.0 Sample theme:

Default Sidebar Subscribe Box

sidebar subscribe box

Default Subscribe Box After Single Posts

default style for after single posts subscribe box

Custom Subscribe Box Side by Side After Single Posts

subscribe submit box side by side

In this tutorial, i’ll show you how easy it is to style each eNews subscribe widget differently.

This code can be used to align your email input box with your submit button for your single post subscribe boxes.


Positioning – Here’s some code you can use to move your Jetpack sharing buttons above or below your single post subscribe widget

Hook Locations – The PHP code above uses the new Genesis 2.0 HTML 5 loop hooks. You can change these hooks in the code easily or replace them with the old Genesis loop hooks.

Style Other Widgets Differently


Comments

7 responses to “Style eNews Subscribe Box Widgets Differently”

  1. Hi Brad i tried this exactly just copied and pasted the code but didn’t work for me. Does the code need to go in a particular place? in your CSS?

    1. Brad Dalton Avatar
      Brad Dalton

      The code produces exactly what you see in the screenshot.

      What class is your widget using? If its different to whats in the code then it won’t work.

      Also which code snippet did you copy and paste exactly? There’s 4 on this post?

  2. Kassiah Avatar
    Kassiah

    Thanks for this awesome tutorial, Brad! Very helpful.

    1. Brad Dalton Avatar
      Brad Dalton

      You’re welcome Kassiah

  3. Keith Davis Avatar
    Keith Davis

    Useful info Brad.
    Are you still using Feedburner or have you moved over to Mailchimp etc?

    I’ve been thinking of moving my list from Feedburner to Mailchimp.

    1. Brad Dalton Avatar
      Brad Dalton

      The MC UI is very nice to work with and makes it extremely easy to create beautiful email newsletters.

      I have been using it for over 2 years for giving away my eBook as it works perfectly with an Autoresponder.

      Great for list building.

      Still using Feedburner and have also started using Jetpack subscriptions because it offers both daily and weekly subscriptions. Not something which is easy to setup with MailChimp.

      I don’t see how Google could discontinue the Feedburner service as it would cause a huge loss of RSS subscribers for all users.

      1. Keith Davis Avatar
        Keith Davis

        “I don’t see how Google could discontinue the Feedburner service as it would cause a huge loss of RSS subscribers for all users.”

        Fingers crossed.

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.