Aligning facebook widget with other widgets

• 

  darrylcotton · Member · Dec 6, 2015 at 9:25 am

  • Copy link
  • Add topic to favorites

  Hi, For some reason the right-hand-side alignment of the Facebook widget is not flush with the other widgets. Does anyone know how to fix this please?
  Thx

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

• 

  thesacredpath · Member · Dec 8, 2015 at 8:54 pm

  • Copy link

  Hi there, the code for the FB widget comes in from FB, so we have little control over it, and when the sidebar width is changed with Custom CSS, this can happen. Although this isn’t the perfect solution, we can enlarge the content of the widget to make it appear full width. I’d like to be able to shift the like page button to the right a bit, but that I can’t do with custom CSS on the FB widget. I’ve limited the following using a Media Query to 960px and wider screens/windows so as not to interfere with things when the sidebar moved below the content for touch devices.

  @media screen and (min-width: 960px) {
  .fb_iframe_widget iframe {
      top: 11px;
      transform: scale(1.11);
  }
  }

• 

  darrylcotton · Member · Dec 9, 2015 at 8:23 am

  • Copy link

  thanks, thats much better :)

• 

  thesacredpath · Member · Dec 9, 2015 at 7:00 pm

  • Copy link

  You are welcome.