Space in and between widgets

• 

  wimperextensionsgasselte · Member · Aug 9, 2015 at 5:17 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Is it possible to make the (in my case white) spaces in and between the widgets smaller with CSS?
  The theme i’m using is Gateway.

  Best regards,
  Jenny

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

• 

  darrellschulte · Member · Aug 9, 2015 at 10:42 pm

  • Copy link

  Hello @nagelstudiogasselte,

  This little CSS snippet should tighten it up slightly.

  .widget {
      margin-bottom: 0em;
  }

• 

  wimperextensionsgasselte · Member · Aug 10, 2015 at 6:40 am

  • Copy link

  Thank you very much, tis solves the first problem.

  Is there also anybody here who knows if the space in the widget can be changed? Between the tittle and the content is a big gap and i would love to have that smaller.

• 

  wimperextensionsgasselte · Member · Aug 10, 2015 at 8:13 am

  • Copy link

  I’m playing with my css. This is what i’ve got:
  .widget {
  margin-bottom: 1.2em;
  }

  .widget-title {
  margin:0px;
  }

  .wp_widget_tag_cloud a {
  padding: 0.300em 0.2em;
  margin-right: 0.300em;
  margin-bottom: 0.300em;
  }

  What i don’t understand is why the titles from all of the widgets are closer like i wanted except the title from the widget ‘rubrieken’. What i’m i missing?

• 

  wimperextensionsgasselte · Member · Aug 10, 2015 at 8:34 am

  • Copy link

  I’m confused, why has the widget for text a H1? It’s not a tittle but just a text field. (Like to make the text in that widget smaller.

• 

  darrellschulte · Member · Aug 10, 2015 at 1:33 pm

  • Copy link

  Here’s the CSS to reduce the top margin for the ‘rubrieken’ list:

  .widget_categories ul {
      margin-top: 0px;
  }

  Which widget text would you like to reduce in size?

• 

  wimperextensionsgasselte · Member · Aug 10, 2015 at 2:48 pm

  • Copy link

  Thank you daschultemn, that works perfect.

  I use only one widget for text. On the rightside under the top picture. I would like to keep the font but the size is to big.

• 

  darrellschulte · Member · Aug 10, 2015 at 3:01 pm

  • Copy link

  Reduce it a little — adjust as necessary.

  .widget_text h1 {
      font-size: 22.6px !important;
  }

• 

  wimperextensionsgasselte · Member · Aug 10, 2015 at 3:10 pm

  • Copy link

  Thank you very much.
  I’m finally happy with my layout.

• 

  darrellschulte · Member · Aug 10, 2015 at 3:31 pm

  • Copy link

  You’re welcome!