Want to display my pictures in 3 columns and 3 rows

  • Resolved cannondale63

    (@cannondale63)


    7 years, 7 months ago

    Hi there, I’v just installed your plugin and its really good and easy, thanks a lot for your work.

    You can see it here on the bottom in the 1st footer-widget-area:

    https://www.velofahrer.ch

    Now I’d like to display my pictures in 3 rows and 3 columns – So like a square.

    Can you please help me with the CSS-Code? What do I have to add in the custom CSS field of my theme?

    Thanks a lot, knd regards

    Dominik

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Scott (@scottsweb)

    (@scottsweb)

    Try the following:

    .instagram-pics li {
    width: 33%;
    float: left;
    padding: 0 !important;
}

.instagram-pics li img {
    display: block;
    margin: 0;
    padding: 5px;
}
    Thread Starter cannondale63

    (@cannondale63)

    This works, good work, Scott, thanks a lot!

    Dominik

    Hi, I used the same CSS to do a 3×3 grid as well. It works, but I have these white dots next to each photo, like bullet points. How can I get rid of that.

    Great plugin by the way!

    Hi! Complete #noob here ?? I also want to configure my Instagram feed in the 3×3 block and I see the code above to do so, but where do I physically paste the code? I know where to go to edit the widget’s code, but where in the code does this piece go? Sorry if it seems like a ridiculous question – not a coder at all! Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Want to display my pictures in 3 columns and 3 rows’ is closed to new replies.