Instagram Display

• 

  mbaker1228 · Member · Feb 13, 2017 at 9:28 pm

  • Copy link
  • Add topic to favorites

  Hi there! I really like the way the Instagram widget shows on the Rosalie theme. Is there a way to mimic that on MY website here with CSS? Let me know.

  Thank you!

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

• 

  thesacredpath · Member · Feb 14, 2017 at 2:06 am

  • Copy link

  Hi there, I’m seeing a configuration error in the Instagram widget on your site. If you correct that and then let me know, I can take a look and see what I can do to mimic the display on Rosalie.

• 

  mbaker1228 · Member · Feb 14, 2017 at 1:43 pm

  • Copy link

  Hi! I have fixed the Instagram configuration. Thank you for helping!

• 

  thesacredpath · Member · Feb 14, 2017 at 6:50 pm

  • Copy link

  You are welcome.

• 

  mbaker1228 · Member · Feb 14, 2017 at 8:07 pm

  • Copy link

  Hi! Sorry for the confusion. I fixed IG configuration error but still needed help to see if it’s possible to mimic the IG widget on the Rosalie theme.

• 

  thesacredpath · Member · Feb 14, 2017 at 10:47 pm

  • Copy link

  To do this, you will need to remove the gallery widget you have in the left footer area. After doing that, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

  @media screen and (min-width: 701px) {
  #wpcom_instagram_widget-3 {
  	width: 100% !important;
  }
  #wpcom_instagram_widget-3 .wpcom-instagram-columns-2 img {
  	max-width: 15% !important;
  }
  .wpcom-instagram-columns-2 img {
  	margin-left: 3px !important;
  	margin-right: 3px !important;
  }
  }

• 

  mbaker1228 · Member · Feb 15, 2017 at 4:27 pm

  • Copy link

  Thank you so much!

• 

  thesacredpath · Member · Feb 15, 2017 at 6:47 pm

  • Copy link

  You are welcome.