# Social Feed

**URL:** https://community.elfsight.com/c/css-codes/social-feed/160.md

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

---

## [Change alignment of widget title](https://community.elfsight.com/t/change-alignment-of-widget-title/174495)

<div class="topic-metadata">

**Author:** [@Team\_Lins](https://community.elfsight.com/u/Team_Lins)\
**Replies:** 3\
**Last updated:** [September 17, 2026, 11:54am UTC](https://community.elfsight.com/t/change-alignment-of-widget-title/174495 "2026-09-17T11:54:04Z")

</div>

If you want to change the alignment of the widget title so that it aligns to the left, add this code to the Custom CSS field on the Settings tab of your widget’s settings \[class\*="WidgetTitle\_\_Header-sc"\] { text-align…

---

## [Display full text without Read More button](https://community.elfsight.com/t/display-full-text-without-read-more-button/81950)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 4\
**Last updated:** [July 1, 2025, 12:06pm UTC](https://community.elfsight.com/t/display-full-text-without-read-more-button/81950 "2025-07-01T12:06:07Z")

</div>

Add the code below to the Custom CSS field on your Social Feed widget’s Settings tab: .es-text-shortener { display: block; } .es-text-shortener-control { display: none; }

---

## [Use RTL mode](https://community.elfsight.com/t/use-rtl-mode/91332)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 25, 2024, 12:33pm UTC](https://community.elfsight.com/t/use-rtl-mode/91332 "2024-12-25T12:33:45Z")

</div>

Add the code below to the Custom CSS field on your Social Feed widget’s Settings tab: \[class\*="Block-sc"\] div { direction: rtl; text-align: right; }

---

## [Make images full-size (not for Masonry layout)](https://community.elfsight.com/t/make-images-full-size-not-for-masonry-layout/81954)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 12, 2024, 6:04pm UTC](https://community.elfsight.com/t/make-images-full-size-not-for-masonry-layout/81954 "2024-11-12T18:04:19Z")

</div>

Add the code below to the Custom CSS field on your Social Feed widget’s Settings tab: \[class\*="MediaContainer\_\_Container-sc"\] { padding-top: 100% !important; }

---

## [Add border to Load More button](https://community.elfsight.com/t/add-border-to-load-more-button/81953)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 12, 2024, 6:02pm UTC](https://community.elfsight.com/t/add-border-to-load-more-button/81953 "2024-11-12T18:02:46Z")

</div>

Add the code below to the Custom CSS field on your Social Feed widget’s Settings tab: \[class^='ButtonBase\_\_ButtonContainer-sc'\] { border-color: #000 !important; border: 2px solid !important; }

---

## [Align cards by height (Carousel layout)](https://community.elfsight.com/t/align-cards-by-height-carousel-layout/81952)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 12, 2024, 6:00pm UTC](https://community.elfsight.com/t/align-cards-by-height-carousel-layout/81952 "2024-11-12T18:00:58Z")

</div>

Add the code below to the Custom CSS field on your Social Feed widget’s Settings tab: \[class\*="CardContainer-sc"\] { min-height: 375px; justify-content: space-between; } \[class\*="CardContainer-sc"\] \> :nth-child(2) { fle…

---

## [Add Border to the widget's container](https://community.elfsight.com/t/add-border-to-the-widgets-container/75844)

<div class="topic-metadata">

**Author:** [@Sina](https://community.elfsight.com/u/Sina)\
**Replies:** 2\
**Last updated:** [October 16, 2024, 9:31pm UTC](https://community.elfsight.com/t/add-border-to-the-widgets-container/75844 "2024-10-16T21:31:06Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your Social Feed widget’s settings: .global-styles, #eapps-social-feed-WIDGET-ID { border: 1px solid #ddd; border-radius: 3px; !important; } Do not fo…

---

## [Add border to the post cards](https://community.elfsight.com/t/add-border-to-the-post-cards/75926)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [October 16, 2024, 10:46am UTC](https://community.elfsight.com/t/add-border-to-the-post-cards/75926 "2024-10-16T10:46:04Z")

</div>

Add the code below to Custom CSS field on your Social Feed widget’s Settings tab: \[class\*="CardContainer-sc-"\] { border: 1px solid #ddd; }

---

## [Hide Share Button](https://community.elfsight.com/t/hide-share-button/22641)

<div class="topic-metadata">

**Author:** [@Helga](https://community.elfsight.com/u/Helga)\
**Replies:** 0\
**Last updated:** [October 17, 2023, 3:37pm UTC](https://community.elfsight.com/t/hide-share-button/22641 "2023-10-17T15:37:05Z")

</div>

Add the code below to Custom CSS field on your Social Feed widget’s Settings tab: .global-styles, \[class^="ShareButton\_\_Button-sc-"\] { display: none!important; }

---

## [Change Load More button's text color and background color on hover](https://community.elfsight.com/t/change-load-more-buttons-text-color-and-background-color-on-hover/22713)

<div class="topic-metadata">

**Author:** [@Helga](https://community.elfsight.com/u/Helga)\
**Replies:** 0\
**Last updated:** [October 18, 2023, 9:36am UTC](https://community.elfsight.com/t/change-load-more-buttons-text-color-and-background-color-on-hover/22713 "2023-10-18T09:36:46Z")

</div>

Add the code below to Custom CSS field on your Social Feed widget’s Settings tab: \[class^='ButtonBase\_\_Overlay'\]:hover { background-color: #000 !important; color: #fff; transition: 0.3s ease; } You’re welcome to…