Centering instagram pictures in widget in Adelle Theme

• 

  kleankuisine · Member · Jun 11, 2014 at 5:03 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I have changed the size and margins of my instagram pictures in my widget using this CSS code:

  .wpcom-instagram-columns-2 img {
  margin: 0 4% 9%;
  max-width: 35%;
  }

  But I can’t seem to center the two columns in my sidebar. Is there a code I can insert to do this?

  I appreciate any help!
  Thanks,
  Anna

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

• 

  thesacredpath · Member · Jun 12, 2014 at 1:45 pm

  • Copy link

  Hi there, I’m not seeing anyway to do this cleanly. I see in your custom CSS that you have set the widths for the images in the widget at 35% (47% originally). If you set it to 40%, the images appear more centered.

  .wpcom-instagram-columns-2 img {
      margin: 0 4% 9%;
      max-width: 40%;
  }

  If they had CSS classes for the left and right column of images, it would be easier to center things.

• 

  kleankuisine · Member · Jun 12, 2014 at 3:39 pm

  • Copy link

  Thanks for the suggestion. However, I do want to keep the picture widths at 35%. I managed to center the images by playing around with the margins. I added a left and right margin and played around with the values and that seemed to do the trick:

  .wpcom-instagram-columns-2 img {
  margin: 0 9% 10%;
  max-width: 35%;
  margin-left: 10%;
  margin-right: 0%;
  }