center widgets

• 

  afinocchiarophoto · Member · Mar 10, 2017 at 7:22 am

  • Copy link
  • Add topic to favorites

  https://annafinocchiaro.com/embrace-3/

  On embrace page, is there a way to make the 2 widgets closer together and centered, keeping the dimensions?

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

• 

  thesacredpath · Member · Mar 11, 2017 at 6:02 pm

  • Copy link

  Hi, try this and see what you think. I’ve specifically targeted just that page so that it doesn’t possibly impact other pages.

  .page-id-7550 .front-widget-area .widget-area:nth-child(1):nth-last-child(2) {
  	margin-right: 20px;
  	width: 48%;
  }
  .page-id-7550 .front-widget-area .widget-area:nth-child(2):nth-last-child(1):last-of-type {
  	width: 48%;
  	float: right
  }
  .page-id-7550 .front-widget-area .widget-area .widget {
  	margin-bottom: 0;
  }
  .page-id-7550 .front-widget-area .widget-area .widget img {
  	width: 98%;
  }

• 

  thesacredpath · Member · Mar 11, 2017 at 6:07 pm

  • Copy link

  Oops, forget the above. After rereading your post above, use this instead and let me know.

  .page-id-7550 .front-widget-area .widget-area:nth-child(1):nth-last-child(2) {
  	margin-right: 0;
  	padding-left: 6%;
  	box-sizing: border-box;
  }
  .page-id-7550 .front-widget-area .widget-area:nth-child(2):nth-last-child(1):last-of-type {
  	padding-right: 6%;
  	box-sizing: border-box;
  }

• 

  afinocchiarophoto · Member · Mar 11, 2017 at 8:51 pm

  • Copy link

  So it moved Family widget but didn’t move Commitment widget

• 

  thesacredpath · Member · Mar 11, 2017 at 10:22 pm

  • Copy link

  Hi, at the bottom of this last CSS rule in your custom CSS, you are missing the ending curly bracket, which causes a syntax error and everything after that would be ignored by the browser. Add and ending curly bracket to that rule and then add the second bit of code I gave you. I added the curly bracket and then pasted in the code I had given and it worked in your customizer for me. Let me know how things go.

  .site-footer {
  	background-color: #fff;
  	border-top: 0;
  }

• 

  afinocchiarophoto · Member · Mar 12, 2017 at 4:41 am

  • Copy link

  YAY! Definitely going to remember that curly bracket rule

• 

  thesacredpath · Member · Mar 12, 2017 at 6:30 pm

  • Copy link

  Super, glad that did the trick. We all do that from time to time. :)