Reducing 'Follow' Widget Button Size

• 

  romaintwins · Member · Sep 6, 2014 at 3:17 am

  • Copy link
  • Add topic to favorites

  I just added the ‘Follow’ widget to my blog sidebar (which I changed to say ‘Subscribe’). I’m trying to reduce the size of the submit button so it looks a little better – ideally it would be on the same line as the e-mail address input box (though I’m not sure if it’s possible due to width restrictions).

  Anyone have any suggestions?

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

• 

  hallluke · Member · Sep 6, 2014 at 5:48 am

  • Copy link

  This should work, although you will want to check it for tablet and mobile, logged in users and different zoom levels as well:

  .widget_blog_subscription #subscribe-field {
    width:65%!important;
    line-height:1.4em;
  }
  
  .widget_blog_subscription p {
    display:inline;
  }
  
  .widget_blog_subscription input {
    padding: 0.5em; 1.2em;
    vertical-align: middle;
  }

• 

  romaintwins · Member · Sep 7, 2014 at 4:02 am

  • Copy link

  Perfect!!!! Thank you so much for your help :)