# Twitter Feed

**URL:** https://community.elfsight.com/c/css-codes/twitter-feed/192.md

[Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md)

---

## [Change border radius](https://community.elfsight.com/t/change-border-radius/139845)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [September 19, 2025, 6:39pm UTC](https://community.elfsight.com/t/change-border-radius/139845 "2025-09-19T18:39:03Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-inner { border-radius: 0; }

---

## [Hide link leading to a post on Twitter](https://community.elfsight.com/t/hide-link-leading-to-a-post-on-twitter/139844)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [September 19, 2025, 6:38pm UTC](https://community.elfsight.com/t/hide-link-leading-to-a-post-on-twitter/139844 "2025-09-19T18:38:04Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-posts-item-text a:not(:first-child) { display: none !important; }

---

## [Hide link previews](https://community.elfsight.com/t/hide-link-previews/139843)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [September 19, 2025, 6:36pm UTC](https://community.elfsight.com/t/hide-link-previews/139843 "2025-09-19T18:36:46Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-posts-item-link { display: none; }

---

## [Change color of Load More button](https://community.elfsight.com/t/change-color-of-load-more-button/139842)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [September 19, 2025, 6:35pm UTC](https://community.elfsight.com/t/change-color-of-load-more-button/139842 "2025-09-19T18:35:34Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-posts-show-more { background-color: #222; color: #fff; }

---

## [Show Blue checkmark](https://community.elfsight.com/t/show-blue-checkmark/61021)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [July 11, 2024, 6:20pm UTC](https://community.elfsight.com/t/show-blue-checkmark/61021 "2024-07-11T18:20:16Z")

</div>

Our Twitter Feed app doesn’t fetch the blue checkmark by default. To display it, add this code to the Custom CSS field on the Style tab of your widget’s settings: .eapps-twitter-feed-header-user-info-name \> a:after, .e…

---

## [Make widget's background transparent](https://community.elfsight.com/t/make-widgets-background-transparent/61020)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [July 11, 2024, 6:15pm UTC](https://community.elfsight.com/t/make-widgets-background-transparent/61020 "2024-07-11T18:15:09Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-inner { background: transparent; } .eapps-twitter-feed-posts-item-inner{ background: transparent; } .ea…

---

## [Change background color](https://community.elfsight.com/t/change-background-color/61019)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [July 11, 2024, 6:12pm UTC](https://community.elfsight.com/t/change-background-color/61019 "2024-07-11T18:12:26Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-header{ background-color: yellow; } .eapps-twitter-feed-posts-item-inner{ background-color: pink; } .eap…

---

## [Change font of all elements (Twitter Feed)](https://community.elfsight.com/t/change-font-of-all-elements-twitter-feed/34502)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 6:33pm UTC](https://community.elfsight.com/t/change-font-of-all-elements-twitter-feed/34502 "2023-12-14T18:33:44Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-container{ font-family: Calibri; } You are welcome to use any other font providing it is supported …

---

## [Change font size of all the elements](https://community.elfsight.com/t/change-font-size-of-all-the-elements/34504)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 6:35pm UTC](https://community.elfsight.com/t/change-font-size-of-all-the-elements/34504 "2023-12-14T18:35:20Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-header-user-info-name{ font-size: 20px; } .eapps-twitter-feed-header-user-info-screen-name{ font…

---

## [Switch to RTL mode](https://community.elfsight.com/t/switch-to-rtl-mode/34506)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 6:36pm UTC](https://community.elfsight.com/t/switch-to-rtl-mode/34506 "2023-12-14T18:36:36Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-container{ direction: rtl; }

---

## [Hide scroll](https://community.elfsight.com/t/hide-scroll/34507)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 6:38pm UTC](https://community.elfsight.com/t/hide-scroll/34507 "2023-12-14T18:38:06Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-posts-container::-webkit-scrollbar { width: 0px; }

---

## [Make the header full size](https://community.elfsight.com/t/make-the-header-full-size/34509)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 6:41pm UTC](https://community.elfsight.com/t/make-the-header-full-size/34509 "2023-12-14T18:41:46Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-header-banner-container { padding-top:33%; }

---

## [Increase margin between the tweets](https://community.elfsight.com/t/increase-margin-between-the-tweets/34510)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 6:43pm UTC](https://community.elfsight.com/t/increase-margin-between-the-tweets/34510 "2023-12-14T18:43:19Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-posts-item:not(:first-child) { margin-top: 35px; }

---

## [Change color of the Follow button](https://community.elfsight.com/t/change-color-of-the-follow-button/34508)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 6:40pm UTC](https://community.elfsight.com/t/change-color-of-the-follow-button/34508 "2023-12-14T18:40:01Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Twitter Feed widget’s settings: .eapps-twitter-feed-header-user-info-follow { background-color: red!important; border-color: red!important; } Guy…
