minimizing vertical white space between widgets?

• 

  catarussell · Member · Dec 19, 2016 at 4:10 pm

  • Copy link
  • Add topic to favorites

  Hi: On the home page I would like to make two appearance changes and can’t seem to do this. 1) I would like to reduce the white space between the 3-column text (optional widget 1) and the gallery slide show (optional widget 2). 2) I would like to reduce the bottom gray space below the slide show images to match the top gray space around the images. This change would be within the gallery slideshow widget (optional widget 2).

  Thanks for your insights!
  Sincerely,
  Cat

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

• 

  thesacredpath · Member · Dec 19, 2016 at 8:22 pm

  • Copy link

  Hi Cat,

  1) I would like to reduce the white space between the 3-column text (optional widget 1) and the gallery slide show (optional widget 2).

  Add this to your custom CSS. I used 20px, but you can adjust that as desired.

  .optional-widget-area .widget {
  	margin-bottom: 20px;
  }

  2) I would like to reduce the bottom gray space below the slide show images to match the top gray space around the images. This change would be within the gallery slideshow widget (optional widget 2)

  This looks pretty close.

  .front-page-widget-area-two .widget {
  	margin-bottom: 15px;
  }

• 

  catarussell · Member · Dec 19, 2016 at 10:33 pm

  • Copy link

  Thank you very much. That worked very well!
  Best,

  Cat

• 

  thesacredpath · Member · Dec 20, 2016 at 6:06 am

  • Copy link

  Awesome, and you are welcome, Cat.