# Facebook Feed **URL:** https://community.elfsight.com/c/css-codes/facebook-feed/183.md [Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md) --- ## [Swap image and text in the post](https://community.elfsight.com/t/swap-image-and-text-in-the-post/140210)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [October 1, 2025, 5:08pm UTC](https://community.elfsight.com/t/swap-image-and-text-in-the-post/140210 "2025-10-01T17:08:45Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-posts-item-content { display: flex; flex-direction: column-reverse; gap: 12px; } .eapps-facebook-feed-… --- ## [Change font size of all widget elements](https://community.elfsight.com/t/change-font-size-of-all-widget-elements/140209)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [October 1, 2025, 5:07pm UTC](https://community.elfsight.com/t/change-font-size-of-all-widget-elements/140209 "2025-10-01T17:07:30Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-header-actions-item-label { font-size: 10px !important; } .eapps-facebook-feed-header-name { font-size… --- ## [Make borders sharp](https://community.elfsight.com/t/make-borders-sharp/34282)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 2\ **Last updated:** [February 27, 2025, 10:55am UTC](https://community.elfsight.com/t/make-borders-sharp/34282 "2025-02-27T10:55:22Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-inner{ border-radius: 0px !important; } .eapps-facebook-feed-header{ border-radius: 0; } --- ## [Change text color](https://community.elfsight.com/t/change-text-color/90000)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 17, 2024, 5:36pm UTC](https://community.elfsight.com/t/change-text-color/90000 "2024-12-17T17:36:08Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .global-styles, .eapps-facebook-feed \* { color: red !important; } --- ## [Change widget's height on mobile](https://community.elfsight.com/t/change-widgets-height-on-mobile/89999)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 17, 2024, 5:34pm UTC](https://community.elfsight.com/t/change-widgets-height-on-mobile/89999 "2024-12-17T17:34:49Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: @media screen and (max-width: 640px) { .eapps-facebook-feed-content-container { height: 300px; } } --- ## [Replace Twitter with X in Share button](https://community.elfsight.com/t/replace-twitter-with-x-in-share-button/89998)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 17, 2024, 5:33pm UTC](https://community.elfsight.com/t/replace-twitter-with-x-in-share-button/89998 "2024-12-17T17:33:38Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-inner{ border-radius: 0px !important; } .eapps-facebook-feed-header{ border-radius: 0; } img\[src\*='dat… --- ## [Display posts in 2 columns when width is 100 %](https://community.elfsight.com/t/display-posts-in-2-columns-when-width-is-100/58612)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [June 25, 2024, 1:15pm UTC](https://community.elfsight.com/t/display-posts-in-2-columns-when-width-is-100/58612 "2024-06-25T13:15:24Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .global-styles, .eapps-facebook-feed-large .eapps-facebook-feed-posts-item { width: calc(50% - 10px); } Guys, if this cod… --- ## [Change color pallette of the widget](https://community.elfsight.com/t/change-color-pallette-of-the-widget/58599)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [June 25, 2024, 12:39pm UTC](https://community.elfsight.com/t/change-color-pallette-of-the-widget/58599 "2024-06-25T12:39:46Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .global-styles, :root { --accent: #081a24; --text-color: #ffffff; --link-color: #365899; --background: transparent; --borde… --- ## [Display only 4 videos](https://community.elfsight.com/t/display-only-4-videos/58598)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [June 25, 2024, 12:37pm UTC](https://community.elfsight.com/t/display-only-4-videos/58598 "2024-06-25T12:37:37Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-videos-item:nth-child(n+5), .eapps-facebook-feed-videos-load-more { display: none !important; } If … --- ## [Change background color of all posts](https://community.elfsight.com/t/change-background-color-of-all-posts/34283)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 5:45pm UTC](https://community.elfsight.com/t/change-background-color-of-all-posts/34283 "2023-12-13T17:45:10Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-posts-item{ background: #000; } --- ## [Change widget background color](https://community.elfsight.com/t/change-widget-background-color/34284)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 5:49pm UTC](https://community.elfsight.com/t/change-widget-background-color/34284 "2023-12-13T17:49:02Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-inner{ background: #000; } --- ## [Remove borders](https://community.elfsight.com/t/remove-borders/34286)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 5:51pm UTC](https://community.elfsight.com/t/remove-borders/34286 "2023-12-13T17:51:33Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-inner { border:none; } --- ## [Change size of the header image](https://community.elfsight.com/t/change-size-of-the-header-image/34287)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 5:54pm UTC](https://community.elfsight.com/t/change-size-of-the-header-image/34287 "2023-12-13T17:54:32Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-header-cover{ padding-top: 40% !important; } --- ## [Change font of all the elements](https://community.elfsight.com/t/change-font-of-all-the-elements/34293)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:08pm UTC](https://community.elfsight.com/t/change-font-of-all-the-elements/34293 "2023-12-13T18:08:21Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed{ font-family: Arial; } You are very welcome to use any other font providing it is supported by you… --- ## [Remove Load More button](https://community.elfsight.com/t/remove-load-more-button/34295)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:10pm UTC](https://community.elfsight.com/t/remove-load-more-button/34295 "2023-12-13T18:10:35Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-posts-load-more-wrapper{ display: none; } --- ## [Remove date and time from the posts](https://community.elfsight.com/t/remove-date-and-time-from-the-posts/34298)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:12pm UTC](https://community.elfsight.com/t/remove-date-and-time-from-the-posts/34298 "2023-12-13T18:12:32Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-item-date{ display: none; } --- ## [Change font color](https://community.elfsight.com/t/change-font-color/34301)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:20pm UTC](https://community.elfsight.com/t/change-font-color/34301 "2023-12-13T18:20:28Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-container div{ color: white; } .eapps-facebook-feed-container a{ color: white; } .eapps-facebook-feed-… --- ## [Apply dark mode](https://community.elfsight.com/t/apply-dark-mode/34303)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:23pm UTC](https://community.elfsight.com/t/apply-dark-mode/34303 "2023-12-13T18:23:31Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-inner, .eapps-facebook-feed-menu, .eapps-facebook-feed-posts-item-inner, .eui-popover-content-item { … --- ## [Change font in popup (Facebook Feed)](https://community.elfsight.com/t/change-font-in-popup-facebook-feed/34304)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:26pm UTC](https://community.elfsight.com/t/change-font-in-popup-facebook-feed/34304 "2023-12-13T18:26:14Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .global-styles, .eapps-facebook-feed-popup{ font-family: Arial !important; } You’re welcome to set any other font, providi… --- ## [Make background transparent](https://community.elfsight.com/t/make-background-transparent/34305)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:28pm UTC](https://community.elfsight.com/t/make-background-transparent/34305 "2023-12-13T18:28:04Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed .eapps-facebook-feed-inner { background-color: transparent; border: none; } .eapps-facebook-feed .e… --- ## [Change color of all the widget elements](https://community.elfsight.com/t/change-color-of-all-the-widget-elements/34306)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:30pm UTC](https://community.elfsight.com/t/change-color-of-all-the-widget-elements/34306 "2023-12-13T18:30:45Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .global-styles, :root { --accent: #081a24; --text-color: #ffffff; --link-color: #365899; --background: transparent;… --- ## [Change text and background color of the Load More button](https://community.elfsight.com/t/change-text-and-background-color-of-the-load-more-button/34291)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:07pm UTC](https://community.elfsight.com/t/change-text-and-background-color-of-the-load-more-button/34291 "2023-12-13T18:07:02Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-load-more{ color:red; background:blue; } --- ## [Move Like Page and Share buttons under the logo](https://community.elfsight.com/t/move-like-page-and-share-buttons-under-the-logo/34300)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:14pm UTC](https://community.elfsight.com/t/move-like-page-and-share-buttons-under-the-logo/34300 "2023-12-13T18:14:49Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed-header-actions-active { bottom: -20px; } --- ## [RTL Support](https://community.elfsight.com/t/rtl-support/34290)
**Author:** [@Max](https://community.elfsight.com/u/Max)\ **Replies:** 0\ **Last updated:** [December 13, 2023, 6:05pm UTC](https://community.elfsight.com/t/rtl-support/34290 "2023-12-13T18:05:09Z")
Add this code to the Custom CSS field on the More tab of your Facebook Feed widget’s settings: .eapps-facebook-feed{ direction: rtl; }