Instagram Widget in Footer

[pgrowth]

Hello, I cannot figure out how to make my Instagram the same as yours in the demo.

The thumbnails are not the same size and there is a lot of room. Also, on Social widget, when I put in the title it does not show up. Only the icons.

url: browardhealthfoundation.org

user: ethan

pass: 123

Thank you.

[Veena]

You need to adjust the footer columns. Pls check the “Footer Options” section in themedocumentation.

Thanks.

[pgrowth]

Hi, I have done that. I chose every option available but still none of them work.

What is the one being used in the demo?

[Veena]

Pls choose 1(2c) + 1 – Footer Columns in Themeoptions > footer .

[pgrowth]

Hi Phoenix, I have that chosen, but it still does not look right. I have the widget in “Footer Widget Area Three” with the Instagram widget, 6 photos to display and at large. You can see in my footer that it does not look like it does on your website.

On my site there should be two rows with three images in the rows, but instead there are three rows with two images.

On your site there are two rows with three images in the rows.

[pgrowth]

And then also the social icons are not aligned correctly, and the title does not appear.

[Veena]

Pls have the below custom CSS in themeoptions > custom CSS tab

div#sidebar-footer3 .widget ul {
    margin: 0 !important;
}

[pgrowth]

Hi, okay I have put it there but the footer is still not working! 🙁

I don’t know what is going on.. the theme I bought should be working but it is not.

[Veena]

Pls check now . You have got some syntax error in your custom CSS but now i have corrected the same.

The below custom CSS will affect all the widgets whether it is in header, footer or in page sidebar so if you want to apply styles then target the specific element by their id or class and add the syling .

.widget ol, .widget ul, .widget ol li, .widget ul li {
    list-style: outside none disc;
    margin: 15px;
}

I have added modified custom CSS for footer widget in your custom CSS .

[pgrowth]

This reply has been marked as private.

[pgrowth]

This reply has been marked as private.

[Veena]

Actually the below custom CSS is causing the margin issue.

.widget ol, .widget ul, .widget ol li, .widget ul li {
    list-style: outside none disc;
    margin: 15px;
}

Can you pls apply the margin only for specific widgets, here margin is affecting the entire widgets .

[Author]

Posts