Decrease gap between widgets

• 

  darrylcotton · Member · May 31, 2016 at 9:55 am

  • Copy link
  • Add topic to favorites

  Hi
  How do I decrease the gap between widgets.
  I want the BROWSE ADS image widget to have no white space between itself and the widget above (DONATE TO MELTON)
  Thx

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

• 

  darrylcotton · Member · May 31, 2016 at 9:59 am

  • Copy link

  Next question please:

  Re: The image widget CONTACT US NOW FOR MORE INFORMATION

  I would like the width of this widget to increase on the left and right so that lines up perfectly with the widgets above it

  Thanks

• 

  siobhyb · Member · May 31, 2016 at 4:00 pm

  • Copy link

  Hi there,

  How do I decrease the gap between widgets.
  I want the BROWSE ADS image widget to have no white space between itself and the widget above (DONATE TO MELTON)

  Can you please point me to the exact page where these widgets appear? I visited your site but was unable to find them.

  Re: The image widget CONTACT US NOW FOR MORE INFORMATION
  I would like the width of this widget to increase on the left and right so that lines up perfectly with the widgets above it

  You could use the following custom CSS to remove the margins around the image on that particular widget:

  #image-34 {
      margin: 0;
  }

  Let me know how you get on with that or if you have any extra questions.

• 

  darrylcotton · Member · May 31, 2016 at 4:30 pm

  • Copy link

  Hey thanks very much for the help. The margin thing worked perfectly :)

  Re the first question, its on the page: https://meltoncapetown.org. Notice that in the right hand side side bar there are 4 widgets that make up a graphic titled: Meltons Business Network. The first 3 have no gaps but the fourth image ( (DONATE TO MELTON) has an ugly gap at the top

• 

  siobhyb · Member · Jun 1, 2016 at 10:20 am

  • Copy link

  Hi @darrylcotton,

  Thank you for clarifying!

  You could decrease that gap using the following snippet:

  #image-26.widget.widget_image {
      margin-top: 0;
      border: 0;
  }

  Hope that’s helpful.

• 

  darrylcotton · Member · Jun 1, 2016 at 12:44 pm

  • Copy link

  Thanks once again for you speedy and accurate help :)))

• 

  siobhyb · Member · Jun 1, 2016 at 1:20 pm

  • Copy link

  You’re most welcome! We’re right here if anything else comes up.