Instagram in the footer

Support
#1

Hi guys
I am wanting a solution to including an Instagram feed in my footer.
https://bricklane.ys.com.au/food-menu/
At present, I have an Essential Grid Instagram feed there, which works quite well, but my client wants it to occupy 100% width as I have it on the home page https://bricklane.ys.com.au
Am I better of with a section added at the base of the page? If so what is the best way to set up the page

#2

Hi Phil,

You have 2 options.

  1. Choose No Container page template like the homepage.
  2. No changes on the template. Add this custom CSS on Theme Options > Global CSS - this will set footer width to 100%.

.page-id-49 footer.x-colophon.top .x-container.max.width {
    max-width: none;
    width: 100%;
}

See the result for both, check which one is your preferred result.

Hope this helps.

#3

Hi guys
I have chosen option 2. And I need a little more advice. We want the feed to be the depth of the footer. Without the background and border elements. Thanks in advance

#4

Hi Phil,

We can also add this custom CSS:

.page-id-49 footer.x-colophon.top {
    background: none;
    border: none;
    box-shadow: none;
}

For more CSS guidance, please check the following:

Hope this helps.

#5

Thank Lely, well that would’ve worked but the Essential Grid and its API has fallen over again. So we cant test it. How do I go about using the Grid in the footer?
OK Ive now got teh grid in the footer but Want to sit it flush with the footer colophon below it.

#6

Hey Phil,

To do that, please update:

.page-id-49 footer.x-colophon.top {
    background: none;
    border: none;
    box-shadow: none;
}

to

.page-id-49 footer.x-colophon.top {
    background: none;
    border: none;
    box-shadow: none;
    padding-bottom: 0;
}

If you want it to take effect globally, you may use:

footer.x-colophon.top {
    background: none;
    border: none;
    box-shadow: none;
    padding-bottom: 0;
}

Hope this helps.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.