Instagram Horizontal Footer

• 

  rachelreinvented · Member · Apr 6, 2017 at 3:19 am

  • Copy link
  • Add topic to favorites

  I am using the Instagram widget on the footer but I would like the photos to display horizontally vs in 1-3 columns vertically. I poked around online and came across this direction, which I tried but it didn’t work: https://theme.co/apex/forums/topic/horisontal-instagram-feed-in-footer/

  Any ideas? Thanks!!

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

• 

  kristarella · Member · Apr 6, 2017 at 6:19 am

  • Copy link

  You should be able to use the following CSS:

  #wpcom_instagram_widget-3  {
      width: 100%;
  }
  
  #wpcom_instagram_widget-3 .wpcom-instagram-images img {
  	max-width: 14.6%;
  }

  This is specific to 6 images. If you change the number and still want them in one row you need to change the max-width percent to:
  (100/number of images – 2)

• 

  rachelreinvented · Member · Apr 6, 2017 at 2:44 pm

  • Copy link

  It worked! Thank you, Kristarella!

• 

  adronious · Member · Apr 9, 2017 at 8:00 pm

  • Copy link

  I tried the same string of code pasted into my css box, but my instagram images are still displaying vertical. Im using the Luxury theme, the images are in the footer, and they are showing up, but i want them horizontal. any ideas?

• 

  thesacredpath · Member · Apr 12, 2017 at 5:00 am

  • Copy link

  Hi @adronious, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.