Title: Adding margin between posts Last modified: November 21, 2020 --- # Adding margin between posts * Resolved [ndar](https://wordpress.org/support/users/ndar/) * (@ndar) * [5 years, 6 months ago](https://wordpress.org/support/topic/adding-margin-between-posts/) * Hi. * I would like to add a margin around each post that is navy like the background. Hopefully, this margin will help me space the posts out so they look centered rather than left-aligned on the page. * Thank you! * pw: wip * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fadding-margin-between-posts%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 5 replies - 1 through 5 (of 5 total) * Plugin Support [Smash Balloon Joel](https://wordpress.org/support/users/joelsmashballoon/) * (@joelsmashballoon) * [5 years, 6 months ago](https://wordpress.org/support/topic/adding-margin-between-posts/#post-13698203) * Hey [@ndar](https://wordpress.org/support/users/ndar/), * Thank you for reaching out to us. Currently, there is some custom CSS applied changing the margin of our columns: * `#cff .cff-item{width: 22%;clear: none;padding: 0 2%;border: none !important;}` * You should remove this, and in the plugin settings _Facebook Feed > Customize > **Feed Columns**_ set the amount of columns here. These columns already have padding applied and you could then set the items to be ‘boxed’ with a background color under _Facebook Feed > Customize > Style Posts > **Post Style**_. * Best regards, * Thread Starter [ndar](https://wordpress.org/support/users/ndar/) * (@ndar) * [5 years, 6 months ago](https://wordpress.org/support/topic/adding-margin-between-posts/#post-13701416) * Hi Joel. * Thank you. Yes. I had applied some custom CSS from your website, but your proposed solution works better. Now, is there a way to expand the width of the boxes by a bit, so you see less of the background between them? I’ve tried changing the padding to no avail. * Thank you. * Plugin Support [Smash Balloon Joel](https://wordpress.org/support/users/joelsmashballoon/) * (@joelsmashballoon) * [5 years, 6 months ago](https://wordpress.org/support/topic/adding-margin-between-posts/#post-13702568) * Hey [@ndar](https://wordpress.org/support/users/ndar/), * No worries, while we don’t normally provide custom snippets for our Free users, the CSS you were originally using just needed some adjustment – the combined margins and width of the columns must match to be 100%, the original CSS reached 104%. Try using this: * ``` #cff .cff-item { width: 21%; clear: none; padding: 0 2%; border: none !important; } ``` * Best regards. - This reply was modified 5 years, 6 months ago by [Smash Balloon Joel](https://wordpress.org/support/users/joelsmashballoon/). * Thread Starter [ndar](https://wordpress.org/support/users/ndar/) * (@ndar) * [5 years, 6 months ago](https://wordpress.org/support/topic/adding-margin-between-posts/#post-13705264) * Hi Joel. * I understand the math now. Sorry about that. Must calculate padding on both sides of each card. I have tried several variants in _Facebook Feed > Customize > Misc > Custom CSS_ : * ``` #cff .cff-item { width: 21%; clear: none; padding: 0 2%; border: none !important; } #cff .cff-item { width: 23%; clear: none; padding: 0 1%; border: none !important; } #cff .cff-item { width: 19%; clear: none; padding: 0 3%; border: none !important; } ``` * However, none were successful. In fact the site is completely unresponsive to this change. It still looks the same as when I initially toggled the columns setting to 4. * Additionally, when I try to change the feed height in _Customize > General > Feed Height_, the height doesn’t change, but the third and fourth posts stack on top of each other. Quite a mess. * I do appreciate your help. This is literally last piece of the site I am doing as a volunteer for a 501c3. They have a tiny operating budget (about $500 – $ 750/yr), so going pro is, unfortunately, not an option. I do appreciate your assistance very much. * Plugin Support [Smash Balloon Joel](https://wordpress.org/support/users/joelsmashballoon/) * (@joelsmashballoon) * [5 years, 6 months ago](https://wordpress.org/support/topic/adding-margin-between-posts/#post-13712175) * Hey [@ndar](https://wordpress.org/support/users/ndar/), * Changes not being applied is most likely due to caching on the website, either via the host, plugins or locally. I tested your example CSS snippets here and they all work. Make sure to clear any website and local cache, if you still are unable to get them working most themes have a Custom CSS field as well where you could try adding this. * Should you have further issues I am happy to take a closer look should you send us a support request on our website [here](https://smashballoon.com/instagram-feed/support/), including the **System Info** from the _Instagram Feed > Support tab_. This should help looking into issues setting the height as well. In this case, please specify where you are setting the height of the feed. * Many thanks. Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘Adding margin between posts’ is closed to new replies. * ![](https://ps.w.org/custom-facebook-feed/assets/icon-256x256.png?rev=2700775) * [Smash Balloon Social Post Feed - Simple Social Feeds for WordPress](https://wordpress.org/plugins/custom-facebook-feed/) * [Frequently Asked Questions](https://wordpress.org/plugins/custom-facebook-feed/#faq) * [Support Threads](https://wordpress.org/support/plugin/custom-facebook-feed/) * [Active Topics](https://wordpress.org/support/plugin/custom-facebook-feed/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/custom-facebook-feed/unresolved/) * [Reviews](https://wordpress.org/support/plugin/custom-facebook-feed/reviews/) * 5 replies * 2 participants * Last reply from: [Smash Balloon Joel](https://wordpress.org/support/users/joelsmashballoon/) * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/adding-margin-between-posts/#post-13712175) * Status: resolved