Instagram footer widget in full wilde theme lenscap

  • Unknown's avatar
    thalisha89 · Member ·

    Hi

    My site is http://www.thalisha.com
    Theme I’m using is lenscap.
    The theme has 4 columns in the footer area.
    When i apply the instagram widget in the footer iT appears only on one side.
    I want iT to be full wilde horizontal on desktop tablet and mobile.
    Is there a css code for that?

    Thank you

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

  • dcoleonline · Staff ·

    Hi there,

    If you add move the Instagram widget to the Footer Column 1 section, the following CSS will make it stretch across the entire footer:

    .footer-widgets .footer-column {
	display: none;
}

.footer-widgets .footer-column:first-of-type {
	display: inherit;
	width: 100%;
}

    Keep in mind that this hides the remaining 3 footer areas, so you’ll need to put all footer widgets into Footer Column 1.

  • Unknown's avatar
    thalisha89 · Member ·

    Thank you very much.
    The code worked.

    But what i meant was real full witdth of the whole footer.
    Here’s a link of a random photo i found on google of what i exactly mean.

    Instagram widget footer full width

    Is that possible with the lenscap theme?
    When i was searching about this. I found that i must first add the instagram plugin. I have the premium package but i don’t have that option on my wp dashboard.

  • dcoleonline · Staff ·

    Here’s a link of a random photo i found on google of what i exactly mean.

    Sure, that can be done with CSS.

    You’ll need to change your widget to show 10 images at a time, or 20 if you want two rows. Then add this CSS to what you already have:

    /* Allow footer to span entire page width */

.site-footer .container {
max-width: 100%;
padding: 0;
}

/* Remove instagram widget margins and set image width */

.wpcom-instagram-columns-3 img {
margin: 0;
max-width: 10%
}
  • The topic ‘Instagram footer widget in full wilde theme lenscap’ is closed to new replies.