adding newletter sign up to side bar instead of pages

• 

  merulli · Member · Jul 25, 2014 at 10:09 pm

  • Copy link
  • Add topic to favorites

  I have a madmimi newsletter account to manage my patients newsletter subscriptions and have the code to put a sign up box on my blog here. Which of the widgets is appropriate to add to do this? I know I can paste the code into any page, but I wanted to have it only in the side bar. Thank you. D

  The blog I need help with is: (visible only to logged in users)

• 

  jeremeylduvall · Member · Jul 25, 2014 at 10:37 pm

  • Copy link

  Hi there,

  We block many HTML tags for security reasons so it’s possible that your newsletter code cannot be embedded into your sidebar as explained here:

  Add Code to Your Site

  If it can be embedded, you will want to use a Text Widget explained here:

  http://en.support.wordpress.com/widgets/text-widget/

  If the code contains an element that is blocked, your next best option is to include a hyperlink to your sign-up form in a Text widget surrounding the words Subscribe Now! like this:

  <a href="YOUR SIGN-UP URL HERE">Subscribe now!</a>

  This will create a link users can click on to subscribe.

• 

  merulli · Member · Jul 25, 2014 at 10:48 pm

  • Copy link

  Wow! Thank you that worked. Do you know how I can make the widgets in that side bar not so spaced apart? Thank you.

• 

  jeremeylduvall · Member · Jul 25, 2014 at 11:10 pm

  • Copy link

  Hi there!

  This should do the trick:

  .widget-area .widget {
  padding-bottom: 10px;
  margin-bottom: 10px;
  }

  Just input that under Appearance -> Customize -> CSS.

  Let me know if it works for you!

• 

  merulli · Member · Jul 25, 2014 at 11:25 pm

  • Copy link

  Hi do I put that in the box below the ” welcome to CSS text”. There arev14 lines followed by */

• 

  jeremeylduvall · Member · Jul 28, 2014 at 4:36 pm

  • Copy link

  Hi there,

  Just completely erase all of the text including the */ and /*. That text is just a welcome message. Replace it all with the CSS below:

  .widget-area .widget {
  padding-bottom: 10px;
  margin-bottom: 10px;
  }

  Let me know if you have any trouble!