Docs

[Nordicearthchild]

Hi Support,

I’ve looked and looked in the forum for a solution, but haven’t been able to find the answer to my problem.

I have a website (www.nordicearthchild.com), where I’m using Ethos. I’m trying to pull in my instagram feed in a horisontal line in the footer and I’ve tried several different widgets but can’t seem to get it the way that I want. What I’m going for is what you see here: http://www.carlyrowena.com/search/label/Fashion

Can you recommend a plugin that can give me this look (I’ve only been able to pull it in in a grid) and also tell me if I need to put in the code in the customiser under ‘footer content’ or if I need to put in the code in the CSS on the back end.

I hope this makes sense.

Mai

[Darshana]

Hi there,

Thanks for writing in! Please refer to the following thread to get an idea of how you can edit footer template (https://community.theme.co/forums/topic/integrity-theme-change-order-of-footer-items/).

Hope that helps.

[Nordicearthchild]

Hi there,

Thanks for your response. I think I now understand how it works when you want to make changes to to footer, however I still don’t know which Instagram feed widget to select. The ones I’ve tried can’t be set up to put in the feed horizontally. Can you recommend a plugin you know I can edit in my X child theme to make it horisontal? And also give me a code for making the feed displayed horizontally?

I assume I need a specific code to make the feed appear horizontally as they usually come up in a grid.

Thanks so much.

Mai

[Christopher]

Hi there,

Unfortunately I don’t know what plugin exactly is being used in example page. You can check this plugin : https://wordpress.org/plugins/instagram-feed/

Please note that we don’t provide support for third party plugins.

Thanks.

[Nordicearthchild]

Again, thanks so much for your reply.

I already tried that plugin and it works, but it shows the feed in one column rather than in a horisontal row. Is there a code I can apply to the CSS footer to make them appear horizontally?

I really appreciate all your help.

Mai

[Lely]

Hello Mai,

Please add the following CSS in Appearance > Customize > Custom > CSS:

#sb_instagram.sbi_fixed_height {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
}
#sb_instagram.sbi_col_1 #sbi_images .sbi_item {
    width: 20% !important;
    float: left;
}

Hope this helps.

[Nordicearthchild]

Worked perfectly! Thanks !

[Thai]

You’re most welcome 🙂

[djwrepairs]

Hi, I am trying to do the same how did you get this to work?

[John Ezra]

Hi there,

Thanks for writing in! Were you able to try the suggestions on this page? How did it go? Please provide us with your URL so we can take a look. Also please let us know, what you have tried and what’s happened. Thanks!

[Author]

Posts