- Apply style setting
- Open your widget for editing (or create a new one)
- Visit the General section of the setup screen and scroll down to the Style settings
- Choose from the three option buttons labeled: Text, Thumbnail, Card or HTML
- Check the preview pane to see if your widget displays correctly
- Save your widget using the Save & Get code button - if your widget is installed it will be auto-updated
FeedWind style options in detail
There are three basic styles for the FeedWind RSS widget. Text only, Text + Thumbnail, Full HTML Options to change these are in the General section of the setup screen.
No images or media will be included in the feed widget, but dates and titles are included by default and these can also be disabled if required.
Text + Thumbnail
A thumbnail image will appear alongside the text and will not include links or other HTML styling. This is suitable for those feeding news or blogs where an excerpt of the content is displayed alongside a thumbnail image. The amount of text (specified in characters) and the thumbnail style are controlled by settings in the setup screen. To alter thumbnail sizing and other more advanced styles, a custom CSS can be used with your widget.
An image will appear right below the widget title and take up the width of the widget. The card style is suitable for users who want to emphasize image over text. Here are the details of each option.
- Fill: stretches or compresses the source image to fill the widget
- Fits the shortest side: fits the shortest side of the source image within the widget while maintaining the original aspect ratio
- Fits the longest edge: fits the longest edge of the source image within the widget while maintaining the original aspect ratio
- Not stretch: same as best-fit but will not stretch the source if it is smaller than the target
- Original size: the source image is left unscaled
The widget will display the full HTML content of RSS feed(s). This will include full size images and links within content. This setting is useful for larger widgets where you wish to display a whole page as a feed, or where there are links and richer content. To modify the style of HTML feeds, a custom CSS must be used. Some options and settings from the setup screen will not be available when the HTML Style is used. To modify a HTML styled widget, you can use a custom CSS. This will allow you to apply more advanced styles, and override some of the HTML in the feed.
RSS feeds can contain an array of HTML, so there is no particular style, shape or size of the content which can also contain almost any type of media such as video, images, audio podcasts, static and dynamic (scrolling) text, and hyperlinks. Although this makes RSS very versatile, it can make the feed content unpredictable – especially where you are using third party feeds instead of feeds from your own sites.
You may have to tinker a little with the settings to get the right result when using feeds with HTML selected, but FeedWind is very versatile and can deliver almost any style you need. Check out how to use CSS to style a FeedWind widget to match your site design exactly.