How do I put the "Follow" and "Load more" buttons on the same line below the feed?

Grid and Highlight Layouts

The below CSS can be used to change the footer into a row, centre the buttons, and add spacing between them.

.spotlight-instagram-feed .FeedGridLayout__button-list {
    flex-direction: row;
    justify-content: center;
}

.spotlight-instagram-feed .FeedGridLayout__button-list > *:first-child {
    margin-right: 10px;
}

Masonry Layout

The below CSS can be used to put the buttons on the same line below a feed using the Masonry.

The above will work for the Grid and Highlight layout. If the customer is using the Masonry layout, they'll need this instead:

.spotlight-instagram-feed .MasonryLayout__button-list {
    flex-direction: row;
    justify-content: center;
}

.spotlight-instagram-feed .MasonryLayout__button-list > *:first-child {
     margin-right: 10px;
}
Did this answer your question? Thanks for the feedback! There was a problem submitting your feedback. Please try again later.

Still need help? Contact us Contact us