reducing space in widget section

• 

  toptrending01 · Member · Aug 24, 2016 at 12:30 pm

  • Copy link
  • Add topic to favorites

  I would like to reduce the space between “Email(required)…” and “submit” in the widget section, on the right side of my home page. top-trending.net
  How can I do that?
  I know nothing about CSS btw…

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

• 

  hallluke · Member · Aug 24, 2016 at 5:58 pm

  • Copy link

  Head to the CSS section of the customiser and copy in one or both of these blocks of code depending on how narrow you want the space to be:

  #contact-form-widget-text-7 p {
    margin-top: 0;
  }
  .contact-form input[type="email"] {
    margin-bottom: 0;
  }

• 

  toptrending01 · Member · Aug 25, 2016 at 5:32 am

  • Copy link

  Thank you, it did make it better, but there is still some space. But didn’t change whether I copied one or both, I got the same result.

• 

  hallluke · Member · Aug 25, 2016 at 8:17 am

  • Copy link

  Try this instead:

  #contact-form-widget-text-7 p {
    margin-top: 0;
  }
  #contact-form-widget-text-7 .contact-form input[type="email"] {
    margin-bottom: 0;
  }

• 

  toptrending01 · Member · Aug 25, 2016 at 8:35 am

  • Copy link

  Perfect, thank you so much for your help, it worked. :)