Move position of Facebook pluggin

• 

  tomunderwood1 · Member · Sep 14, 2018 at 7:45 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I have a Facebook page pluggin (Jetpack) installed at the footer of my blog. But I would like to move it ever so slightly to the left – so that it is centered with the widgets at either side.

  Does anyone know the CSS code to do this?

  Many thanks, Tom

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

• 

  khushbudesaiblog · Member · Sep 14, 2018 at 8:04 pm

  • Copy link

  Hi gutrection,

  This happens because of the width set for widget is 30%.

  Only CSS needed for this is to change width of Widget class:

  .widgets {
      width: fit-content;
      float: left;
      margin-left: 5%;
  }

  The page look like this https://imgur.com/8U0LDjO

  Hope it helps!

• 

  tomunderwood1 · Member · Sep 15, 2018 at 11:32 am

  • Copy link

  Hi, thanks for your help on this. However, I copy and pasted the above CSS but it doesn’t seem to change the position of the pluggin at all, even when I change the ‘margin-left’ percentage…Strange?

  Any ideas what I’m doing wrong?

• 

  tomunderwood1 · Member · Sep 16, 2018 at 10:09 am

  • Copy link

  Do any members know how to solve this? It is a minor issue but I want my blog to be symmetrical:)

  Thanks