Создайте виджет в стиле пользовательского списка RSS с эффектом затухания

Общий -> Дополнительные настройки -> Пользовательская ссылка CSS -> Показать пользовательский css

Note: Copy CSS from below, paste into your CSS file [your-file-name.css] , make changes as per your need and upload to your server or in Dropbox [ Check How to host CSS on Dropbox Click here], copy the complete CSS path [e.g. http//example.com/css/your-file.css] and paste in "Custom CSS Link" field in Feedwind setting.


/* Copy CSS from here  */

@import url('

#fw-container {
  font-family: 'Muli', sans-serif;
}

header {
  letter-spacing: 1px;
  text-align: center;
  box-shadow: 0px 5px 10px #00000066;
  z-index: 1000;
  position: relative;
}

.fw-feed-item,
.fw-feed-item:hover {
  padding: 0;
  transition: all 0.5s linear;
}

.fw-feed-item-image-module {
  margin: 0;
}

.fw-feed-item:nth-child(odd) {
  background-color: #f3f3f3;
}

.fw-feed-item:nth-child(even) {
  background-color: #fff;
}

.fw-feed-item:hover {
  background-color: #c6a1e8;
}

.fw-feed-item:hover .fw-feed-item-title,
.fw-feed-item:hover .fw-feed-item-date {
  color: #fff;
}

.fw-feed-item-image {
  position: relative;
  transition: all 0.5s linear;
}

.fw-feed-item-image:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #c6a1e8b3;
  transition: all 0.5s linear;
}

.fw-feed-item:hover .fw-feed-item-image {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.fw-feed-item:hover .fw-feed-item-image:after {
  background-color: transparent;
}

.fw-feed-item-content-module {
  padding: 30px 0 0 30px;
}

.fw-feed-item-title,
.fw-feed-item-date {
  font-weight: 700;
}


/* CSS Ends Here  */