FeedWind allows advanced users to set up their own custom cascading style sheet (CSS). Match the look and feel of your blog or site by applying styles you created yourself to the FeedWind widget.

Method for using a custom CSS

(1) Create a CSS
Use your favorite editor or software to prepare the CSS file. FeedWind is constructed with the following HTML code.
*The html file may be changed without advance notice
**Use pixel (px) units when setting margin and padding



(2) Upload the CSS to your webserver
Upload the CSS file to your web server. FeedWind reads the CSS file directly from an external server. Make sure to place the CSS file on your server beforehand.

(3) Input the CSS URL
Click on the advanced settings link in the General box. Enter the URL of the custom CSS location in URL of Custom CSS box. The new design will be displayed in the Preview area.



CAUTION
When using a custom CSS, some parts of the settings screen will be grayed out and disabled. This is to prevent conflicts between FeedWind's default settings and settings in the custom CSS. When a custom CSS is used, those settings will be enabled.

FeedWind has an option for setting the maximum length of the titles and content of feeds. FeedWind automatically adjusts the number of feeds shown based on the value entered for the maximum length. Because of this, sometimes a feed may be displayed outside of the border depending on the line-height and other settings in the custom CSS.

In this case, please adjust the settings in the CSS file.