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 ]

Rest keep as default

Related posts

Create widget in Overlay style with linear gradient background

Create widget in Overlay style

Here’s an example and steps to create a overlay 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.