Backgrounds

The FeedWind widget is totally customizable and can be styled to match virtually any website. This article focuses on background styling options.

There are three main components to a FeedWind widget whose color can be styled independently.

Main Title background

Color

Choose the background color for the main title bar in Feed Title section of the setup screen. There is a selection of standard colors for quick setup or if you would like to choose a specific color, there are two options. You can either enter a hex color number, e.g. #123456 or #222  (note: we support both 6- and 3-digit hex color codes) or you can use the color picker and select a color from the spectrum.

Transparency

If you require transparency, simply enter”transparent” instead of a hex code.

Apply a background image

You can alternatively choose a background image instead of a color for your main widget title. Additionally, If you wish to tint the image, you can use a transparent background color to do so but this requires a custom CSS, in which you can use specifiable levels of transparency using rgba color codes.

Container background color

Choose the background color for the main container (the widget area where feed items appear) in the Feed Content section of the setup screen. To choose a specific color, there are two options:

  1. Enter a hex color number, e.g. #123456 or #222  (note: we support both 6- and 3-digit hex color codes)
  2. Use the color picker and select a color from the spectrum

Transparency

If you require transparency, simply enter”transparent” instead of a hex code.

Feed item background

To set the color for the background of each individual feed item you must use a custom CSS where there are styleable classes available for all the elements of the widget.

February 19, 2017 1:40 am