Create RSS widget with Fade Effect

  • Created : Jan, 9, 2020
  • Last Updated: Apr, 14, 2023



Easy Steps

Widget Settings
  1. Create widget -> RSS
  2. Feed URL -> https://www.wired.com/feed/rss
  3. General -> Width -> Responsive/In Pixels -> Responsive
  4. General -> Style -> Card
  5. General -> Height -> Image -> 300
  6. General -> Height -> Posts -> 1
  7. General -> Scroll -> ON
  8. General -> Scroll -> Navigation arrow -> ON
  9. General -> Scroll -> Autoscroll -> ON
  10. General -> Scroll -> Scroll speed -> 4
  11. General -> Scroll -> Fade transition -> ON
  12. General -> Style -> Image scale -> Fits the shortest side
  13. General -> Style -> Image align -> Top
  14. Feed Title -> Custom -> ON
  15. Feed Title -> Font size -> 16
  16. Feed Title -> Bold -> ON
  17. Feed Title -> Colors -> Background color -> #FA346F
  18. Feed Title -> Colors -> Font color -> #FFFFFF
  19. Feed Content -> Colors -> Font color -> #FFFFFF
  20. Feed Content -> Size -> Item title -> 18
  21. Feed Content -> Size -> Bold -> ON
  22. Feed Content -> Size -> Content -> 15
  23. Feed Content -> Colors -> Title font -> #0F8CFF
  24. Feed Content -> Colors -> Content font -> #DEDEDE
  25. Feed Content -> Advanced setting -> Time/Date -> Font Size & Color -> [14] [ #BABABA ]
  26. Rest keep as default


Related posts

Create widget in Overlay style with linear gradient background

Create widget in Overlay style with linear gradient background

Create widget in Overlay style

Create widget in Overlay style

Here’s an example and steps to create a overlay widget

Facebook widget

Example Facebook page widget in large image style

Easily create a Facebook widget with a large image style and customize it as your need.

Start your free trial. FeedWind is the easiest way to add dynamic content on your website.
Create Now