feed.mikle.com
Open in
urlscan Pro
34.199.198.122
Public Scan
Submitted URL: http://feed.mikle.com/
Effective URL: https://feed.mikle.com/
Submission: On April 12 via api from JP — Scanned from JP
Effective URL: https://feed.mikle.com/
Submission: On April 12 via api from JP — Scanned from JP
Form analysis 1 forms found in the DOM
<form>
<div id="settings" class="col-lg-6 col-md-6 col-sm-6 builderToggle">
<div class="width490px">
<div class="widgetBox backgroundWhite border-radius">
<h3>Feed URL <a class="popover-help" id="feed_url_popover_description" data-toggle="popover" data-content="Click on the + button to add multiple feed URLs up to 20 feeds if you are a Pro/Plus user. The + button is to be removed if you are a basic user. If your feed does not display, please check it at an <a href='http://validator.w3.org/feed/' target='_blank'>RSS feed URL validator</a>.<div><a href='/support/feedwind-setup-rss/' target='_blank'>Getting Started <i class='fa fa-external-link'></i></a></div><div><a href='https://www.youtube.com/watch?v=SBx3boqbXdg&t=4s' title='Watch RSS widget training video on Youtube' target='_blank'>RSS YouTube Help <i class='fa fa-external-link'></i></a></div>" data-original-title="Enter a valid RSS URL <span class='fa fa-times-circle'></span>">
<span class="glyphicon glyphicon-question-sign"></span> </a>
</h3>
<div class="padding10">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-xs-9" style="padding-right:0;">
<div class="input-group ">
<input id="source_url" class="form-control" placeholder="Type new URL" value="https://feed.mikle.com/support/feed/">
<span class="input-group-btn">
<a class="btn btn-default fw-upgrade-btn-style" href="/plans/" target="_blank" id="upgrade-btn" value="upgrade">Upgrade</a>
</span>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<div id="add_source" class="text-center" style="pointer-events: auto; display: block;"> <a href="javascript:void(0);" class="border-radius iconButton " style="background-color: rgb(30, 140, 243); cursor: pointer;">+</a></div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div id="fw-feed-error"></div>
<div id="source_list">
<ul></ul>
</div>
</div>
</div>
<p class="fw-help-youtube-cta">How to create RSS widget? <a href="/support/feedwind-setup/" target="_blank"><i class="far fa-play-circle" aria-hidden="true"></i> Watch video</a></p>
</div>
</div>
<div class="widgetBox backgroundWhite border-radius generalWidget">
<h3>General</h3>
<div class="widgetInnerElement">
<div class="padding10">
<label>Width </label>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label style="color: rgb(204, 204, 204);">
<input type="radio" name="feedWidth" value="width_by_number"> In pixels </label>
<a class="popover-help" data-toggle="popover" id="general_width_popover_description" title="" data-content="Enter a width in pixels. This will fix the width of your widget regardless of the browser/page/column width.<div><a href='/support/container-sizing/' target='_blank'>Container sizing <i class='fa fa-external-link'></i></a></div>" data-original-title="Width px <span class='fa fa-times-circle'></span>">
<span class="glyphicon glyphicon-question-sign"></span>
</a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="width" type="number" value="350" data-min="50" data-max="0" disabled="" class="form-control" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
<span>px </span>
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label style="color: rgb(110, 116, 121);">
<input type="radio" name="feedWidth" value="responsive" checked=""> Responsive</label>
<a class="popover-help" data-toggle="popover" id="general_width_responsive_popover_description" title="" data-content="Choose responsive width for mobile-friendly / responsive behavior. The widget will resize to fit the column/page/container width.<div><a href='/support/container-sizing/' target='_blank'>Container sizing <i class='fa fa-external-link'></i></a></div>" data-original-title="Width Responsive <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
</div>
<div class="fw_card_layout_on width_by_article" style="display: none;">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Posts</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Add multiple posts in card style <br/> Note: If set more than 1 post [Fade transition] will be disabled" data-original-title="Posts <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="width_by_article" name="width_by_article" type="number" class="text-center form-control" value="1" data-min="1" data-max="0" style="display: block;"><span
class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
<span class="invisible"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<label>Height</label>
<div class="pushDivLeftRight clearfix fw-height-px fw_card_layout_off">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label class="fw-height-by-num-label" style="color: rgb(110, 116, 121);">
<input type="radio" name="feedNumbers" value="height_by_number" checked=""> In pixels</label>
<a class="popover-help" data-toggle="popover" id="general_height_by_number_popover_description" title="" data-content="Enter a height in pixels. This will fix the height of your widget regardless of the browser/page/column height.<div><a href='/support/container-sizing/' target='_blank'>Container sizing <i class='fa fa-external-link'></i></a></div>" data-original-title="Height px <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="height" type="number" value="400" data-min="50" data-max="0" class="form-control" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
<span>px</span>
</div>
</div>
</div>
<div class="pushDivLeftRight clearfix fw-card-height-px fw_card_layout_on" style="display: none;">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Image</label>
<a class="popover-help" data-toggle="popover" id="general_card_image_height_description" title="" data-content="Enter a image height in pixels. This will fix the image height of your widget regardless of the browser/page/column height.<div><a href='/support/container-sizing/' target='_blank'>Container sizing <i class='fa fa-external-link'></i></a></div>" data-original-title="Card image height px <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="card_height" type="number" class="text-center form-control" value="300" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
<span>px</span>
</div>
</div>
</div>
<!--
<div class="pushDivLeftRight clearfix fw-number-feeds fw_card_layout_on">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label></label>
<a class="popover-help" data-toggle="popover" title="Card height by no.items <span class='fa fa-times-circle'></span>"
data-content="Fix the card height by the number of feed items.<div><a href='/support/container-sizing/' target='_blank'>
Container sizing <i class='fa fa-external-link'></i></a></div>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<input id="card_height_by_article" type="number" value="1"/><span class="invisible">px</span>
</div>
</div>
</div>
-->
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix fw-number-feeds">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label style="color: rgb(204, 204, 204);">
<input class="fw_card_layout_off" type="radio" name="feedNumbers" value="height_by_article"> Posts</label>
<a class="popover-help" data-toggle="popover" id="general_height_by_article_popover_description" title="" data-content="Fix the height by the number of feed items. Works best in text or thumbnail style. In HTML style, feed items are usually different heights.<div><a href='/support/container-sizing/' target='_blank'>Container sizing <i class='fa fa-external-link'></i></a></div>" data-original-title="Height by no.items <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="height_by_article" type="number" value="3" data-min="1" data-max="0" disabled="" class="form-control" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
<span class="invisible"></span>
</div>
</div>
</div>
</div>
</div>
<div class="fw_card_layout_on widgetInnerElement" style="display: none;">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Single column on mobile</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Show single column on mobile devices<div><a href='https://feed.mikle.com/support/single-column-view/' target='_blank'>Learn more <i class='fa fa-external-link'></i></a></div>" data-original-title="Single column on mobile <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight single_column_on_mobile" data-toggle="tooltip" data-placement="top" title="" data-original-title="Please select [Responsive] under Width to enable this">
<div class="onoffswitch">
<span>Off</span>
<input type="checkbox" id="single_column_on_mobile" class="onoffswitch-checkbox">
<label for="single_column_on_mobile" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background: #a0a5aa;"></span>
</label>
</div>
</div>
</div>
<div class="fw_single_col_mobile_range_slider labelNormalSize d-flex justify-content-between" style="display: none;">
<div>
<label>Number of items</label>
</div>
<div class="fw_range_input_container">
<input type="range" min="1" max="5" value="1" id="single_column_range_mobile" step="1">
<div class="d-flex justify-content-between range_label">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Scroll</label>
<a class="popover-help" data-toggle="popover" id="general_scroll_popover_description" title="" data-content="Choose vertical or horizontal scroll (up <i class='fa fa-arrows-v'></i> down or left <i class='fa fa-arrows-h'></i> right) <div><a href='/support/feedwind-scroll-features/' target='_blank'>Feedwind scroll features <i class='fa fa-external-link'></i></a></div>" data-original-title="Scroll horizontal/vertical <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="scroll_switch" checked="" class="onoffswitch-checkbox">
<label for="scroll_switch" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
</div>
<div class="padding10 scroll-content">
<div id="scroll-type-scope" class="linkable-panel fw_card_layout_off">
<a href="javascript:void(0);" class="active scroll-vertical" value="vs">Vertical</a>
<a href="javascript:void(0);" class="scroll-horizontal" value="hs">Horizontal</a>
</div>
<div class="fw-widget-spacer fw_card_layout_off clearfix"></div>
<div class="pushDivLeftRight clearfix scrollbar-scope">
<div class="pushDivLeft labelNormalSize fw-position-initial">
<label>Scroll bar</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enable/Disable the vertical scrollbar. Mouse or swipe scroll will still work even when this is disabled.<div><a href='/support/feedwind-scroll-features/' target='_blank'>Feedwind scroll features <i class='fa fa-external-link'></i></a></div>" data-original-title="Scroll bar <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="scroll" checked="" class="onoffswitch-checkbox">
<label for="scroll" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
<div class="pushDivLeftRight clearfix navigation-arrow-scope" style="display: none;">
<div class="pushDivLeft labelNormalSize fw-position-initial">
<label>Navigation arrow</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enable/Disable the < left or right > navigation arrows in the scroll area" data-original-title="Navigation arrow (Hscroll) <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="navigationArrow" checked="" class="onoffswitch-checkbox">
<label for="navigationArrow" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
</div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize fw-position-initial">
<label>Autoscroll</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enable autoscrolling of the feed content. Choose from Normal (step scroll) or Movie Credit (continuous scroll).<div><a href='/support/feedwind-scroll-features/' target='_blank'>Feedwind scroll features <i class='fa fa-external-link'></i></a></div>" data-original-title="Autoscroll <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="auto_scroll" checked="" class="onoffswitch-checkbox">
<label for="auto_scroll" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
<div id="auto_scroll_value" class="autoScrollContent">
<div class="linkable-panel fw_card_layout_off">
<div class="fw-widget-spacer-small clearfix"></div>
<a href="#speedControlRange" class="active rangeControlSpeed" value="on">Normal</a>
<a href="#speedControlBtn" class="btnControlSpeed" value="on_mc">Movie credit</a>
</div>
<div id="speedControlRange">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Scroll speed</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose a scroll speed in seconds/step for Autoscroll.<div><a href='/support/feedwind-scroll-features/' target='_blank'>More about scroll settings <i class='fa fa-external-link'></i></a></div> " data-original-title="Scroll speed <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="auto_scroll_step_speed" type="number" class="text-center form-control" value="4" data-min="1" data-max="0" style="display: block;"><span
class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
<span>sec/step</span>
</div>
</div>
</div>
</div>
<div id="speedControlBtn" style="display: none;">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Speed</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Input the seconds how fast the content in a widget moves 1000px. The higher the number, the slower the speed.<div><a href='/support/feedwind-scroll-features/' target='_blank'>More about scroll settings <i class='fa fa-external-link'></i></a></div>" data-original-title="Speed <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="auto_scroll_mc_speed" type="number" class="text-center form-control" value="20" data-min="" data-max="0" style="display: block;"><span
class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
<span>sec/1000px </span>
</div>
</div>
</div>
</div>
<div class="fw-scroll-direction-block">
<div class="fw-widget-spacer clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Scroll direction</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Scroll up <i class='fa fa-arrows-v'></i> down or left <i class='fa fa-arrows-h'></i> right.<div><a href='/support/feedwind-scroll-features/' target='_blank'>Feedwind scroll features <i class='fa fa-external-link'></i></a></div>" data-original-title="Scroll direction <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight fw-up-down-scope">
<div id="vs_scroll_direction" class="widgetButtonsSmall">
<a href="#" class="active" value="up"><span class="fa fa-arrow-up" aria-hidden="true"></span></a>
<a href="#" value="down"><span class="fa fa-arrow-down" aria-hidden="true"></span></a>
</div>
</div>
<div class="pushDivRight fw-left-right-scope" style="display: none;">
<div id="hs_scroll_direction" class="widgetButtonsSmall">
<a href="#" class="active" value="rtl"><span class="fa fa-arrow-left" aria-hidden="true"></span></a>
<a href="#" value="ltr"><span class="fa fa-arrow-right" aria-hidden="true"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="fw_card_layout_on posts_to_scroll" style="display: none;">
<div class="fw-widget-spacer-small clearfix"></div>
<div id="speedControlRange">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Posts to slide</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Number of posts to scroll" data-original-title="Posts to slide <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="posts_to_scroll" type="number" class="text-center form-control" value="1" data-min="" data-max="0" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
<span class="invisible"></span>
</div>
</div>
</div>
</div>
</div>
<div class="fw-fade-transition-block" style="display:none">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Fade transition</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Add fade transition to your slides" data-original-title="Fade transition <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight" data-toggle="tooltip" data-placement="top" title="" data-original-title="Make width [Post = 1] to enable Fade transition">
<div class="onoffswitch">
<span>Off</span>
<input type="checkbox" id="fade_transition" class="onoffswitch-checkbox">
<label for="fade_transition" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background: #a0a5aa;"></span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<label>Style</label>
<div id="item_description_style" class="widgetButtons widgetButtonsStyle">
<a href="#" class="styleText" value="text">Text</a>
<a href="#" class="styleThumbnail fw-youtube-off active" value="thumbnail">Thumbnail</a>
<a href="#" class="styleCard" value="card">Card</a>
<a href="#" class="styleOverlay" value="overlay">Overlay</a>
<a href="#" class="styleHTML" value="html">HTML</a>
</div>
<!-- Card options -->
<div id="cardOption" class="fw_card_layout_on fw-youtube-off" style="display: none;">
<div class="fw-widget-spacer clearfix"></div>
<div class="fw_overlay_style_on" style="display:none;">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Background</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker." data-original-title="Background <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight" data-toggle="tooltip" data-placement="top" data-original-title="Please turn off [Linear gradient background] to use this option.">
<div class="backgroundPickerOverlayStyle headerColorsBox colorpicker-element"> <a>
<div class="colorDots" style="background-color: rgba(255, 255, 255, 0.8);"></div>
</a>
<input type="text" value="rgba(255,255,255,0.8)" id="backgroundPickerOverlayStyle" class="fw-overlay-color-picker">
</div>
</div>
</div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Add linear gradient background</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker for the background color of the feed/item title" data-original-title="Linear gradient Top to Bottom <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight" data-toggle="tooltip" data-placement="top" data-original-title="" title="">
<div class="onoffswitch">
<span>Off</span>
<input type="checkbox" id="item_linear_gradient" class="onoffswitch-checkbox">
<label for="item_linear_gradient" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background: #a0a5aa;"></span>
</label>
</div>
</div>
</div>
<div class="item_linear_gradient_on" style="display:none;">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Top</label>
</div>
<div class="pushDivRight">
<div class="item_linear_gradient_top headerColorsBox inline-block colorpicker-element"> <a>
<div class="colorDots" style="background-color: rgba(255, 255, 255, 0.8);"></div>
</a>
<input type="text" value="rgba(255,255,255,0.8)" id="item_linear_gradient_top" class="fw-overlay-color-picker">
</div>
</div>
</div>
<div class="pushDivLeftRight clearfix fw-setting-border-bottom">
<div class="pushDivLeft labelNormalSize">
<label>Bottom</label>
</div>
<div class="pushDivRight">
<div class="item_linear_gradient_bottom headerColorsBox inline-block colorpicker-element"> <a>
<div class="colorDots" style="background-color: rgba(97, 33, 33, 0.8);"></div>
</a>
<input type="text" value="rgba(97,33,33,0.8)" id="item_linear_gradient_bottom" class="fw-overlay-color-picker">
</div>
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
</div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Display order</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Display order in [Top to Bottom] or [Left to Right]" data-original-title="Display order <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div id="display_order" class="widgetButtons">
<a href="#" class="active" value="ttb">Top to Bottom</a>
<a href="#" value="ltr">Left to Right</a>
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Image scale</label>
<a class="popover-help" data-toggle="popover" id="image_scale_popover_description" title="" data-content="Determines how the image will scale to fit within the widget.<div><a href='/support/style-setting/#card' target='_blank'>Details of each option<i class='fa fa-external-link'></i></a></div>" data-original-title="Image scale <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<select id="item_image_scale" name="thumbnailResizing">
<option value="fill">Fill</option>
<option value="best-fill" selected="">Fits the shortest side</option>
<option value="best-fit">Fits the longest side</option>
<option value="best-fit-down">Not stretch</option>
<option value="none">Original size</option>
</select>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Image align</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Align the image within the widget." data-original-title="Image align <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<select id="item_image_align" name="thumbnailResizing">
<option value="left">Left</option>
<option value="right">Right</option>
<option value="center">Center</option>
<option value="top" selected="">Top</option>
<option value="top-left">Top left</option>
<option value="top-right">Top right</option>
<option value="bottom-left">Bottom left</option>
<option value="bottom-right">Bottom right</option>
</select>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div id="speedControlRange">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Add space between posts</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Add space between posts for card & overlay style" data-original-title="Add space between posts <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="space_between_feed" type="number" class="text-center form-control" value="0" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
<span>px</span>
</div>
</div>
</div>
</div>
</div>
<div id="thumbnailOption">
<div class="fw-widget-spacer clearfix fw_card_layout_off"></div>
<div class="pushDivLeftRight clearfix fw_card_layout_off">
<div class="pushDivLeft labelNormalSize">
<label>Thumbnail resizing</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose an aspect ratio for your thumbnails. Retain the original aspect or crop the image to fill the thumbnail container.<div><a href='/support/style-setting/' target='_blank'>Style setting <i class='fa fa-external-link'></i></a></div>" data-original-title="Thumbnail resizing <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<select id="item_thumbnail" name="thumbnailResizing">
<option value="crop">Crop image to fill thumbnail</option>
<option value="full">Retain aspect ratio of image</option>
</select>
</div>
</div>
<div class="fw-widget-spacer-small clearfix fw-alternate-image fw-youtube-off"></div>
<div class="pushDivLeftRight clearfix fw-alternate-image fw-youtube-off">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Alternate image</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter an image URL you want to display when there is no image in an article.<div><a href='/support/alternate-image-feature/' target='_blank'> Alternate image feature <i class='fa fa-external-link'></i></a></div>" data-original-title="Alternate image <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<input type="text" id="item_alt_image_link" class="normalInputSize" placeholder="https://" value="">
</div>
</div>
<div class="fw-widget-spacer clearfix fw_card_layout_off"></div>
<div class="pushDivLeftRight clearfix fw_card_layout_off">
<div class="pushDivLeft labelNormalSize">
<label>Thumbnail position</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Display the thumbnail on the right or left side.<div><a href='/support/style-setting/' target='_blank'>Style setting <i class='fa fa-external-link'></i></a></div>" data-original-title="Thumbnail position <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div id="thumbnail_position" class="widgetButtons"> <a href="#" class="active" value="left">Left</a> <a href="#" value="right">Right</a> </div>
</div>
</div>
<div class="fw-widget-spacer fw-youtube-off clearfix"></div>
<div class="pushDivLeftRight fw-youtube-off clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Thumbnail selection</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose a thumbnail source from a dropdown selection of available XML tags in your feed(s).<div><a href='/support/style-setting/' target='_blank'>Style setting <i class='fa fa-external-link'></i></a></div>" data-original-title="Thumbnail selection <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<select id="item_thumbnail_selection" name="thumbnailResizing">
<option disabled="disabled">=== Select image by algorithm ===</option>
<option value="auto">Auto</option>
<option value="first">First image</option>
<option value="first_without_repetitive">First image without repetition</option>
<option disabled="disabled">=== Select image by specific tag ===</option>
<option value="media_content"><media_content></option>
<option value="media_thumbnail"><media_thumbnail></option>
<option value="enclosure"><enclosure></option>
<option value="itunes_image"><itunes:image></option>
</select>
</div>
</div>
<div class="fw-widget-spacer fw-youtube-off clearfix"></div>
<div class="row labelNormalSize fw-youtube-off">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Use HTTPS as thumbnail URLs</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Force thumbnail URLs to https to ensure no http/https security conflict where https feeds have thumbnails with http links. (a 'Same-Origin Policy' issue) <div><a href='https://en.wikipedia.org/wiki/Same-origin_policy' target='_blank'> Same origin policy <i class='fa fa-external-link'></i></a></div>" data-original-title="Use HTTPs for thumbnail URLs <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch">
<span>Off</span>
<input type="checkbox" id="item_thumbnail_force_https" class="onoffswitch-checkbox">
<label for="item_thumbnail_force_https" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background: #a0a5aa;"></span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="row fw-pro-plan">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8">
<label>Powered by Feedwind <a href="/plans/" target="_blank" class="fw-pro-btn" value="Upgrade">Upgrade</a>
</label>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch">
<span><span>On</span></span>
<input type="checkbox" id="branding" class="onoffswitch-checkbox demopage">
<label for="branding" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background: rgb(54, 135, 40);"></span>
</label>
</div>
</div>
</div>
<p class="fw-help-youtube-cta">How to add a custom branding logo? <a href="/support/widget-logo/" target="_blank"><i class="far fa-play-circle" aria-hidden="true"></i> Watch video</a></p>
</div>
</div>
<div class="widgetInnerElement">
<a class="advancedSetting generalAdvancedSetting">Advanced settings <span class="fa fa-chevron-down" aria-hidden="true"></span>
</a>
</div>
<div id="generalAdvancedSettingOptions" style="display: none;">
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Open links</label>
<a class="popover-help" id="target_open_links" data-toggle="popover" title="" data-content="Choose whether a link will open in a new window (target=_blank), or the same window (target=_top), or within IFrame (target=_self) when a user clicks on them, or (Disable link) to disable all links inside feed.<br/>Note: The link destination may not allow displaying content within a widget." data-original-title="Open links <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div id="target" class="widgetButtons">
<a href="#" class="active" value="_blank">New window</a>
<a href="#" value="_top">Same window</a>
<a href="#" value="_self" data-toggle="tooltip" data-placement="top" title="" data-original-title="Please turn off [Display "More posts" link] to use this option." style="pointer-events: all;">Within widget</a>
<a href="#" value="_disable">Disable link</a>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Right-to-left text</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enable right-to-left for Arabic, Hebrew and Persian language.<div><a href='/support/reverse-text-direction/' target='_blank'> Text direction <i class='fa fa-external-link'></i></a></div>" data-original-title="Text direction <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="onoffswitch">
<span>Off</span>
<input type="checkbox" id="text_direction" class="onoffswitch-checkbox">
<label for="text_direction" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background: #a0a5aa;"></span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Remove duplicate feed items</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enable/Disable the removal of duplicate feed entries. <div><a href='/support/removing-duplicate-feed-articles/' target='_blank'> Remove duplicate feed items <i class='fa fa-external-link'></i></a></div>" data-original-title="Remove duplicate feed items <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="onoffswitch">
<span>Off</span>
<input type="checkbox" id="remove_duplicate_article" class="onoffswitch-checkbox">
<label for="remove_duplicate_article" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background: #a0a5aa;"></span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div style="padding-bottom: 3px;">
<label>Keyword filters</label>
<a href="/plans/" target="_blank" class="fw-pro-btn" value="upgrade">Upgrade</a>
</div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Include</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter keywords to filter your feed content to only include items that contain these keywords. Seperate multiple keywords by a semicolon; Note: a keyword can also be a phrase with spaces between words.<div><a href='/support/rss-feed-filtering-using-keywords/' target='_blank'> RSS feed filtering using keywords <i class='fa fa-external-link'></i></a></div>" data-original-title="Keyword filter include (Only for Pro/Plus plan) <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<input id="keyword_inc" type="text" class="normalInputSize fw_disableable" placeholder="" name="">
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Exclude</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter keywords to filter your feed content to exclude items that contain these keywords. Seperate multiple keywords by a semicolon; Note: a keyword can also be a phrase with spaces between words. <div><a href='/support/rss-feed-filtering-using-keywords/' target='_blank'> RSS feed filtering using keywords <i class='fa fa-external-link'></i></a></div>" data-original-title="Keyword filter exclude (Only for Pro/Plus plan) <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<input id="keyword_exc" type="text" class="normalInputSize fw_disableable" placeholder="" name="">
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Corner</label>
<a class="popover-help" data-toggle="popover" id="general_corner_popover_description" title="" data-content="Choose whether to have a square corner or a radiused corner (default radius=5px)<div><a href='/support/rss-widget-borders/' target='_blank'>RSS widget borders <i class='fa fa-external-link'></i></a></div>" data-original-title="Corner <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="widgetButtons" id="corner"> <a href="#" value="square">Square</a> <a href="#" class="active" value="rounded">Rounded</a> </div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Border</label>
<a class="popover-help" data-toggle="popover" id="general_border_popover_description" title="" data-content="Choose whether to display a border around the widget. (default border=1px solid grey) <div><a href='/support/rss-widget-borders/' target='_blank'> RSS widget borders <i class='fa fa-external-link'></i></a></div>" data-original-title="Border <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="border" checked="" class="onoffswitch-checkbox">
<label for="border" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="d-flex justify-content-between align-items-baseline">
<label class="pt-0">Custom CSS
<a class="popover-help" data-toggle="popover" title="" data-content="Enter a URL for your custom CSS if you wish to use one. <div><a href='/support/custom-css/' target='_blank'> Custom css <i class='fa fa-external-link'></i></a></div>" data-original-title="Custom CSS link (Only for Pro/Plus plan)"><span class="glyphicon glyphicon-question-sign"></span></a>
<a href="/plans/" target="_blank" class="fw-pro-btn" value="upgrade">Upgrade</a></label>
<div id="custom_css_mode" class="widgetButtons widgetButtonsStyle">
<a href="#" value="external">External link</a>
<a href="#" class="active" value="direct">Direct input</a>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix css_external_link" style="display:none">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-xs-9">
<input id="css_url" style="width: 100% !important;" class="fw_disableable inputWidthFull" type="text" placeholder="https://">
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<div id="refresh_css" class="text-center fw_disableable fw_disableable_refresh">
<a href="#" class="border-radius iconButton fw_disableable fw_disableable_refresh"><span class="fa fa-repeat fw_disableable fw_disableable_refresh" aria-hidden="true"></span></a> </div>
</div>
</div>
<p class="fw-help-youtube-cta">How to host CSS on Dropbox? <a href="/support/using-dropbox-host-css-files/" target="_blank"><i class="far fa-play-circle" aria-hidden="true"></i> Watch video</a></p>
</div>
<div class="pushDivLeftRight clearfix css_direct_input">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-9 col-xs-9">
<textarea id="css_manual_input" style="width: 100% !important;" class="fw_disableable inputWidthFull" type="text" placeholder="Add CSS class here...">#fw-container /* Main container */
{
}
header /* Header */
{
}
.fw-feed-title /* Feed title & link */
{
}
.fw-feed-title a:link /* Color */
{
}
#fw-feed-items-scroll-area
{
}
#fw-feed-items
{
}
.fw-feed-item /* Item container */
{
}
.fw-feed-item-url /* Item URL link */
{
}
.fw-feed-item-image-module /* Thumbnail module */
{
}
.fw-feed-item-image /* Thumbnail */
{
}
.fw-feed-item-content-module /* Contents module */
{
}
.fw-feed-item-title /* Item title */
{
}
.fw-feed-item-description /* Item description */
{
}
.fw-feed-item-more-link /* Read more link */
{
}
.fw-feed-item-date /* Item date/time */
{
}
.fw-feed-item-link /* Original content link */
{
}
.fw-feed-item-social-icons /* Social icon container */
{
}
.fw-feed-item-social-icons .fa-facebook-square /* Facebook icon */
{
}
.fw-feed-item-social-icons .fa-twitter-square /* Twitter icon */
{
}
.fw-feed-item-social-icons .fa-linkedin-square /* Linkedin icon */
{
}
.fw-branding /* FeedWind branding */
{
}</textarea>
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
<div id="refresh_manual_css" class="text-center fw_disableable fw_disableable_refresh">
<a href="#" class="border-radius iconButton fw_disableable fw_disableable_refresh"><span class="fa fa-repeat fw_disableable fw_disableable_refresh" aria-hidden="true"></span></a> </div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Preloader text</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Please copy and paste the new code to update the text." data-original-title="Preloader text <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<input type="text" id="preloader_text" class="normalInputSize" placeholder="Loading" value="Loading">
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="fw-spacing-bottom">
<label>Custom URL parameter</label>
<a class="popover-help" data-toggle="popover" title="" data-content="You can add parameters (such as utm_source, utm_medium, and utm_campaign) to a URL to capture reporting data." data-original-title="Custom URL parameter (Only for Pro/Plus plan) <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
<a href="/plans/" target="_blank" class="fw-pro-btn" value="upgrade">Upgrade</a>
</div>
<div class="row">
<div class="col-lg-12 col-md-12">
<input id="item_custom_url_parameter" style="width: 100% !important;" class="fw_disableable inputWidthFull" type="text" placeholder="Add custom parameters">
<p class="fw-custom-params-eg">e.g. ?utm_source=FeedWind&utm_medium=referral&utm_campaign=top</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetBox backgroundWhite border-radius generalWidget">
<h3>Feed Title</h3>
<div class="widgetInnerElement">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Display</label>
<a class="popover-help" data-toggle="popover" id="section_title_custom_popover_description" title="" data-content="Choose whether to use a custom feed title, or default to the title obtained from the feed XML < title > tag. <div><a href='/support/display-or-hide-widget-feed-content-and-titles/' target='_blank'> Custom feed content & title <i class='fa fa-external-link'></i></a></div>" data-original-title="Display feed title <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="feedTitle" checked="" class="onoffswitch-checkbox">
<label for="feedTitle" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
<div class="feedSetting">
<div class="fw-widget-spacer clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Main title</label>
<a class="popover-help" data-toggle="popover" id="section_title_custom_title_popover_description" title="" data-content="Enter a title here if you wish to use a custom title.<div><a href='/support/feed-title-styling/' target='_blank'>Feed title styling <i class='fa fa-external-link'></i></a></div>" data-original-title="Main title <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<input type="text" id="title_sentence" class="normalInputSize" placeholder="Example..." value="">
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Main title link</label>
<a class="popover-help" data-toggle="popover" id="section_title_custom_link_popover_description" title="" data-content="Enter a URL for the main title link (default=the < title > link URL from your feed XML)" data-original-title="Main title link <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<input type="text" id="title_link" class="normalInputSize" placeholder="https://" value="">
</div>
</div>
<div class="fw-widget-spacer-small clearfix headerColorsBoxContainer"></div>
<div class="pushDivLeftRight clearfix headerColorsBoxContainer">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Header color</label>
<a class="popover-help" data-toggle="popover" id="section_title_color_shortcut_popover_description" title="" data-content="Choose a background color for the title bar from the presets. If you need more colors to choose from, use Advanced Settings and select the color picker/add your color hex code. <div><a href='/support/feed-title-styling/' target='_blank'> Feed title styling <i class='fa fa-external-link'></i></a></div>" data-original-title="Header color <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight colorOptions">
<div class="headerColorsBox">
<a>
<div style="background-color:#99cc00"></div>
</a>
<a>
<div style="background-color:#55a0ff"></div>
</a>
<a>
<div style="background-color:#ffcc00"></div>
</a>
<a>
<div style="background-color:#ff6699"></div>
</a>
<a>
<div style="background-color:#993300"></div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement advancedSettingParent"> <a class="advancedSetting feedTitleAdvancedSetting">Advanced settings <span class="fa fa-chevron-down" aria-hidden="true"></span></a> </div>
<div id="feedTitleAdvancedSettingOptions" style="display: none;">
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Font size</label>
<a class="popover-help" data-toggle="popover" id="general_title_font_style_popover_description" title="" data-content="Choose a font size in px for your main widget title <div><a href='/support/fonts/' target='_blank'> Fonts <i class='fa fa-external-link'></i></a></div>" data-original-title="Font size <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="title_font_size" type="number" name="titleFontSize" value="16" class="form-control" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div> <span>px</span>
</div>
</div>
</div>
</div>
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Bold</label>
<a class="popover-help" data-toggle="popover" id="section_title_bold_popover_description" title="" data-content="Choose regular or bold style for feed title fonts <div><a href='/support/fonts/#ftfw' target='_blank'> Bold <i class='fa fa-external-link'></i></a></div>" data-original-title="Bold <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>Off</span>
<input type="checkbox" id="widgetTitleBold" class="onoffswitch-checkbox">
<label for="widgetTitleBold" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch" style="background: #a0a5aa;"></span></label>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<label>Colors</label>
<div class="pushDivLeftRight clearfix fw-feed-widget-bg">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Background color</label>
<a class="popover-help" data-toggle="popover" id="section_title_color_background_popover_description" title="" data-content="Choose a background color for the title bar. <div><a href='/support/feed-title-styling/' target='_blank'> Feed title styling <i class='fa fa-external-link'></i></a></div>" data-original-title="Background color <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="backgroundColorPicker headerColorsBox colorpicker-element"> <a>
<div class="colorDots" style="background-color: rgb(255, 255, 255);"></div>
</a>
<input type="text" value="#FFFFFF" id="backgroundColorPicker">
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Font color</label>
<a class="popover-help" data-toggle="popover" id="section_title_color_font_popover_description" title="" data-content="Choose a Color for the main title font. <div><a href='/support/feed-title-styling/' target='_blank'> Feed title styling <i class='fa fa-external-link'></i></a></div>" data-original-title="Font color <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="FontColor headerColorsBox colorpicker-element"> <a>
<div class="colorDots" style="background-color: rgb(80, 86, 89);"></div>
</a>
<input type="text" id="title_color" value="#505659" class="FontColorTxt">
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Font style</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose from a list of websafe font families for your widget (title + content). Each main font has a set of subfonts to ensure full browser support in case the main font does not exist.<div><a href='/support/fonts/' target='_blank'>Fonts <i class='fa fa-external-link'></i></a></div>" data-original-title="Font style <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<select id="font_title" name="fontStyle" class="form-control">
<option value="">Default browser font</option>
<option value="Arial, Helvetica, sans-serif" data-google-font="0" selected="">Arial, Helvetica, sans-serif</option>
<option value="Courier New, Courier, mono" data-google-font="0">Courier New, Courier, mono</option>
<option value="Geneva, Arial, sans-serif" data-google-font="0">Geneva, Arial, sans-serif</option>
<option value="Times New Roman, serif" data-google-font="0">Times New Roman, serif</option>
<option value="Trebuchet MS, Verdana, Arial" data-google-font="0">Trebuchet MS, Verdana, Arial</option>
<option value="Verdana, Arial, sans-serif" data-google-font="0">Verdana, Arial, sans-serif</option>
<option disabled="disabled" class="text-center fw-google-fonts">▼▼ Google fonts ▼▼</option>
<option value="Abel" data-google-font="1">Abel, sans-serif</option>
<option value="Abril Fatface" data-google-font="1">Abril Fatface, display</option>
<option value="Acme" data-google-font="1">Acme, sans-serif</option>
<option value="Amatic SC" data-google-font="1">Amatic SC, handwriting</option>
<option value="Amiri" data-google-font="1">Amiri, serif</option>
<option value="Anton" data-google-font="1">Anton, sans-serif</option>
<option value="Archivo Narrow" data-google-font="1">Archivo Narrow, sans-serif</option>
<option value="Arimo" data-google-font="1">Arimo, sans-serif</option>
<option value="Arvo" data-google-font="1">Arvo, serif</option>
<option value="Asap" data-google-font="1">Asap, sans-serif</option>
<option value="Barlow" data-google-font="1">Barlow, sans-serif</option>
<option value="Barlow Condensed" data-google-font="1">Barlow Condensed, sans-serif</option>
<option value="Bitter" data-google-font="1">Bitter, serif</option>
<option value="Bree Serif" data-google-font="1">Bree Serif, serif</option>
<option value="Cabin" data-google-font="1">Cabin, sans-serif</option>
<option value="Cairo" data-google-font="1">Cairo, sans-serif</option>
<option value="Catamaran" data-google-font="1">Catamaran, sans-serif</option>
<option value="Cinzel" data-google-font="1">Cinzel, serif</option>
<option value="Comfortaa" data-google-font="1">Comfortaa, display</option>
<option value="Cormorant Garamond" data-google-font="1">Cormorant Garamond, serif</option>
<option value="Crimson Text" data-google-font="1">Crimson Text, serif</option>
<option value="Dancing Script" data-google-font="1">Dancing Script, handwriting</option>
<option value="Domine" data-google-font="1">Domine, serif</option>
<option value="Dosis" data-google-font="1">Dosis, sans-serif</option>
<option value="EB Garamond" data-google-font="1">EB Garamond, serif</option>
<option value="Exo" data-google-font="1">Exo, sans-serif</option>
<option value="Exo 2" data-google-font="1">Exo 2, sans-serif</option>
<option value="Fira Sans" data-google-font="1">Fira Sans, sans-serif</option>
<option value="Fira Sans Condensed" data-google-font="1">Fira Sans Condensed, sans-serif</option>
<option value="Fjalla One" data-google-font="1">Fjalla One, sans-serif</option>
<option value="Fredoka One" data-google-font="1">Fredoka One, display</option>
<option value="Heebo" data-google-font="1">Heebo, sans-serif</option>
<option value="Hind" data-google-font="1">Hind, sans-serif</option>
<option value="Hind Madurai" data-google-font="1">Hind Madurai, sans-serif</option>
<option value="Hind Siliguri" data-google-font="1">Hind Siliguri, sans-serif</option>
<option value="IBM Plex Sans" data-google-font="1">IBM Plex Sans, sans-serif</option>
<option value="IBM Plex Serif" data-google-font="1">IBM Plex Serif, serif</option>
<option value="Inconsolata" data-google-font="1">Inconsolata, monospace</option>
<option value="Indie Flower" data-google-font="1">Indie Flower, handwriting</option>
<option value="Josefin Sans" data-google-font="1">Josefin Sans, sans-serif</option>
<option value="Kanit" data-google-font="1">Kanit, sans-serif</option>
<option value="Karla" data-google-font="1">Karla, sans-serif</option>
<option value="Lato" data-google-font="1">Lato, sans-serif</option>
<option value="Libre Baskerville" data-google-font="1">Libre Baskerville, serif</option>
<option value="Libre Franklin" data-google-font="1">Libre Franklin, sans-serif</option>
<option value="Lobster" data-google-font="1">Lobster, display</option>
<option value="Lora" data-google-font="1">Lora, serif</option>
<option value="Martel" data-google-font="1">Martel, serif</option>
<option value="Maven Pro" data-google-font="1">Maven Pro, sans-serif</option>
<option value="Merriweather" data-google-font="1">Merriweather, serif</option>
<option value="Merriweather Sans" data-google-font="1">Merriweather Sans, sans-serif</option>
<option value="Montserrat" data-google-font="1">Montserrat, sans-serif</option>
<option value="Mukta" data-google-font="1">Mukta, sans-serif</option>
<option value="Muli" data-google-font="1">Muli, sans-serif</option>
<option value="Nanum Gothic" data-google-font="1">Nanum Gothic, sans-serif</option>
<option value="Noto Sans" data-google-font="1">Noto Sans, sans-serif</option>
<option value="Noto Sans JP" data-google-font="1">Noto Sans JP, sans-serif</option>
<option value="Noto Sans KR" data-google-font="1">Noto Sans KR, sans-serif</option>
<option value="Noto Sans SC" data-google-font="1">Noto Sans SC, sans-serif</option>
<option value="Noto Sans TC" data-google-font="1">Noto Sans TC, sans-serif</option>
<option value="Noto Serif" data-google-font="1">Noto Serif, serif</option>
<option value="Nunito" data-google-font="1">Nunito, sans-serif</option>
<option value="Nunito Sans" data-google-font="1">Nunito Sans, sans-serif</option>
<option value="Open Sans" data-google-font="1">Open Sans, sans-serif</option>
<option value="Open Sans Condensed" data-google-font="1">Open Sans Condensed, sans-serif</option>
<option value="Oswald" data-google-font="1">Oswald, sans-serif</option>
<option value="Overpass" data-google-font="1">Overpass, sans-serif</option>
<option value="Oxygen" data-google-font="1">Oxygen, sans-serif</option>
<option value="PT Sans" data-google-font="1">PT Sans, sans-serif</option>
<option value="PT Sans Caption" data-google-font="1">PT Sans Caption, sans-serif</option>
<option value="PT Sans Narrow" data-google-font="1">PT Sans Narrow, sans-serif</option>
<option value="PT Serif" data-google-font="1">PT Serif, serif</option>
<option value="Pacifico" data-google-font="1">Pacifico, handwriting</option>
<option value="Play" data-google-font="1">Play, sans-serif</option>
<option value="Playfair Display" data-google-font="1">Playfair Display, serif</option>
<option value="Poppins" data-google-font="1">Poppins, sans-serif</option>
<option value="Prompt" data-google-font="1">Prompt, sans-serif</option>
<option value="Questrial" data-google-font="1">Questrial, sans-serif</option>
<option value="Quicksand" data-google-font="1">Quicksand, sans-serif</option>
<option value="Rajdhani" data-google-font="1">Rajdhani, sans-serif</option>
<option value="Raleway" data-google-font="1">Raleway, sans-serif</option>
<option value="Righteous" data-google-font="1">Righteous, display</option>
<option value="Roboto" data-google-font="1">Roboto, sans-serif</option>
<option value="Roboto Condensed" data-google-font="1">Roboto Condensed, sans-serif</option>
<option value="Roboto Mono" data-google-font="1">Roboto Mono, monospace</option>
<option value="Roboto Slab" data-google-font="1">Roboto Slab, serif</option>
<option value="Rubik" data-google-font="1">Rubik, sans-serif</option>
<option value="Russo One" data-google-font="1">Russo One, sans-serif</option>
<option value="Shadows Into Light" data-google-font="1">Shadows Into Light, handwriting</option>
<option value="Signika" data-google-font="1">Signika, sans-serif</option>
<option value="Slabo 27px" data-google-font="1">Slabo 27px, serif</option>
<option value="Source Code Pro" data-google-font="1">Source Code Pro, monospace</option>
<option value="Source Sans Pro" data-google-font="1">Source Sans Pro, sans-serif</option>
<option value="Source Serif Pro" data-google-font="1">Source Serif Pro, serif</option>
<option value="Teko" data-google-font="1">Teko, sans-serif</option>
<option value="Titillium Web" data-google-font="1">Titillium Web, sans-serif</option>
<option value="Ubuntu" data-google-font="1">Ubuntu, sans-serif</option>
<option value="Varela Round" data-google-font="1">Varela Round, sans-serif</option>
<option value="Work Sans" data-google-font="1">Work Sans, sans-serif</option>
<option value="Yanone Kaffeesatz" data-google-font="1">Yanone Kaffeesatz, sans-serif</option>
<option value="Zilla Slab" data-google-font="1">Zilla Slab, serif</option>
</select>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Text alignment</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Align widget text (item titles + content) to the Left, Center, Right, or Justified." data-original-title="Text alignment <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div id="text_alignment_title" class="widgetButtonsSmall"> <a href="#" value="left"><span class="fa fa-align-left" aria-hidden="true"></span></a>
<a href="#" value="right"><span class="fa fa-align-right" aria-hidden="true"></span></a> <a href="#" value="center"><span class="fa fa-align-center" aria-hidden="true"></span></a>
<a href="#" value="justify"><span class="fa fa-align-justify" aria-hidden="true"></span></a> </div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Background image</label>
<a class="popover-help" data-toggle="popover" id="section_title_background_image_popover_description" title="" data-content="Enter the URL of an image to be used in the title bar." data-original-title="Background image <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<input type="text" id="title_bgimage" class="normalInputSize" placeholder="https://">
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Background image size</label>
<a class="popover-help" data-toggle="popover" title="" data-content="<strong>Auto:</strong> Background image is displayed in its original size.<br/><strong>Cover:</strong> Background image to cover the entire feed container.<br/><strong>Contain:</strong> Resize the background image to make sure the image is fully visible in feed container." data-original-title="Background image size <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="pushDivRight">
<select id="title_bgimage_scale" class="form-control">
<option value="auto" selected="">Auto</option>
<option value="cover">Cover</option>
<option value="contain">Contain</option>
</select>
</div>
</div>
</div>
<p class="fw-help-youtube-cta">How to add background image? <a href="/support/backgrounds/" target="_blank"><i class="far fa-play-circle" aria-hidden="true"></i> Watch video</a></p>
</div>
</div>
</div>
</div>
<div id="startSticky"></div>
<div class="widgetBox backgroundWhite border-radius generalWidget">
<h3>Feed Content</h3>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Display</label>
<a class="popover-help" id="article_num_popover_description" data-toggle="popover" title="" data-content="Enter the number of posts (events) that will be displayed in a widget.(Basic: up to 10, Pro: up to 25, Plus: up to 200). " data-original-title="How many posts(events) would you like to display? <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
<a href="/plans/" target="_blank" class="fw-pro-btn" value="upgrade">Upgrade</a>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="article_num" type="number" value="10" data-min="1" data-max="0" class="form-control" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div><span> posts</span>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="clearfix">
<label>Display content</label>
<a class="popover-help" data-toggle="popover" id="section_content_display_content_popover_description" title="" data-content="Choose whether to display the feed content (does not affect feed item titles) <div><a href='/support/display-or-hide-widget-feed-content-and-titles/' target='_blank'> Custom feed content & title <i class='fa fa-external-link'></i></a></div>" data-original-title="Display content <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
<div class="item_description_style">
<div class="inline-block no-margin">
<input type="checkbox" value="title_only" id="display_content_title" checked="">
<label for="display_content_title">Title </label>
</div>
<div class="inline-block no-margin">
<input type="checkbox" value="content_only" id="display_content_description" checked="">
<label for="display_content_description">Content</label>
</div>
<div class="inline-block no-margin">
<input type="checkbox" value="on" id="item_link">
<label for="item_link">Content source</label>
</div>
<div class="inline-block no-margin">
<input type="checkbox" value="on" id="item_author_name">
<label for="item_author_name">Author name</label>
</div>
<div class="inline-block no-margin">
<input type="checkbox" value="on" id="item_read_more">
<label for="item_read_more">Read more</label>
</div>
<div class="inline-block no-margin">
<input type="checkbox" value="on" id="item_more_posts">
<label for="item_more_posts">More posts</label>
</div>
</div>
</div>
</div>
</div>
<div class="fw-item-original-source-link" style="display: none;">
<div class="widgetInnerElement add-border">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Content source</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose whether to include a URL at the bottom of your feed content items to link to the producer of the original content. " data-original-title="Display link to original content <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<input type="text" id="item_link_custom" class="inputWidthFull" placeholder="www.domain.com">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Font size & Color</label>
</div>
<div class="pushDivRight fw_fontSize_color">
<div class="FeedContentSourceLinkCol pull-right headerColorsBox colorpicker-element">
<a>
<div class="colorDots" style="background-color: rgb(80, 86, 89);"></div>
</a>
<input type="text" value="#505659" id="item_link_color">
</div>
<div class="smallInputField fw_tw_size pull-right">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_link_font_size" type="number" class="text-center form-control" value="12" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div><span> px</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fw-item-author-name-style" style="display: none;">
<div class="widgetInnerElement add-border">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Author name</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Show author name in feed." data-original-title="Display author name <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Font size & Color</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose a font size and enter a hexadecimal color code, or click on the color icon to choose from the color picker." data-original-title="Font size & color> Author name <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight fw_fontSize_color">
<div class="FeedAuthorNameCol pull-right headerColorsBox colorpicker-element">
<a>
<div class="colorDots" style="background-color: rgb(51, 51, 51);"></div>
</a>
<input type="text" value="#333" id="item_author_name_color">
</div>
<div class="smallInputField fw_tw_size pull-right">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_author_name_font_size" type="number" class="text-center form-control" value="12" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div><span> px</span>
</div>
</div>
</div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Bold</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Show author name in bold." data-original-title="Bold <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="onoffswitch"> <span>Off</span>
<input type="checkbox" id="item_author_name_bold" class="onoffswitch-checkbox">
<label for="item_author_name_bold" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch" style="background: #a0a5aa;"></span></label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fw-item-read-more-text" style="display: none;">
<div class="widgetInnerElement add-border">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Read more</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Add 'Read more' at the end of each content and customize it as you wish." data-original-title="Display 'Read more'"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div>
<input type="text" id="item_read_more_text" class="inputWidthFull" placeholder="Read more">
</div>
</div>
</div>
</div>
<div class="fw-item-custom-more-feed-link" style="display: none;">
<div class="widgetInnerElement add-border">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>More posts</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Add custom feed link like e.g. 'More Posts' at the end of the feed." data-original-title="Display 'Custom feed link'"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<input type="text" id="item_more_posts_link" class="inputWidthFull" placeholder="More posts">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Add custom link</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Add custom link to your more posts." data-original-title="Add custom link <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<input type="text" id="item_more_posts_custom_link" class="normalInputSize" placeholder="https://" name="">
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Font size & Color</label>
<a class="popover-help" data-toggle="popover" data-content="Choose a font size and enter a hexadecimal color code, or click on the color icon to choose from the color picker." data-original-title="Font size & color> Custom more posts link"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight fw_fontSize_color">
<div class="FeedMorePostsLinkCol pull-right headerColorsBox colorpicker-element">
<a>
<div class="colorDots" style="background-color: rgb(51, 51, 51);"></div>
</a>
<input type="text" value="#333" id="item_more_posts_link_color">
</div>
<div class="smallInputField fw_tw_size pull-right">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_more_posts_link_font_size" type="number" class="text-center form-control" value="14" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div><span> px</span>
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Background</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker." data-original-title="Custom posts link background <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="FeedMorePostsLinkBgCol headerColorsBox colorpicker-element"> <a>
<div class="colorDots" style="background-color: rgb(255, 255, 255);"></div>
</a>
<input type="text" value="#FFFFFF" id="item_more_posts_link_bg_color" class="FeedBackgroundColTxt">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<label>Maximum number of characters</label>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Title</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter the number of characters allowed for feed item titles. (minimum 3 characters, disabled if you select 'General > Style > HTML')" data-original-title="Max characters title <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_title_length" type="number" value="55" data-min="" class="form-control" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Content</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter the number of characters allowed for feed item content. (minimum 3 characters, disabled if you select 'General > Style > HTML')" data-original-title="Max characters content <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_description_length" type="number" value="100" class="form-control" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<label>Size</label>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label> Item title </label>
<a class="popover-help" data-toggle="popover" id="section_content_title_font_size_popover_description" title="" data-content="Choose a font size for feed item content titles <div><a href='/support/fonts/' target='_blank'> Fonts <i class='fa fa-external-link'></i></a></div>" data-original-title="Font size title <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_title_font_size" type="number" name="itemTitleFontSize" value="16" class="form-control" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div> <span>px</span>
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label> Bold </label>
<a class="popover-help" data-toggle="popover" id="content_section_title_bold_popover_description" title="" data-content="Choose regular or bold style for feed title fonts <div><a href='/support/fonts/#ftfw' target='_blank'> Bold <i class='fa fa-external-link'></i></a></div>" data-original-title="Bold <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="onoffswitch"> <span>Off</span>
<input type="checkbox" id="feedTitleBold" class="onoffswitch-checkbox">
<label for="feedTitleBold" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch" style="background: #a0a5aa;"></span></label>
</div>
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Content </label>
<a class="popover-help" data-toggle="popover" id="section_content_description_font_size_popover_description" title="" data-content="Choose a font size for feed item content <div><a href='/support/fonts/' target='_blank'> Fonts <i class='fa fa-external-link'></i></a></div>" data-original-title="Font size content <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_description_font_size" type="number" name="itemDescriptionFontSize" value="12" class="form-control" style="display: block;"><span
class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div> <span>px</span>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<label>Colors</label>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Title font</label>
<a class="popover-help" data-toggle="popover" id="section_content_color_title_font_popover_description" title="" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker. <div><a href='/support/fonts/' target='_blank'> Fonts <i class='fa fa-external-link'></i></a></div>" data-original-title="Color: title font <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="FeedTitleFontCol headerColorsBox colorpicker-element"> <a>
<div class="colorDots lightOrange" style="background-color: rgb(46, 126, 200);"></div>
</a>
<input type="text" value="#2e7ec8" id="item_title_color" class="FeedTitleFontColTxt ">
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Content font</label>
<a class="popover-help" data-toggle="popover" id="section_content_color_content_font_popover_description" title="" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker. <div><a href='/support/fonts/' target='_blank'> Fonts <i class='fa fa-external-link'></i></a></div>" data-original-title="Color: content font <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="FeedContentFontCol headerColorsBox colorpicker-element"> <a>
<div class="colorDots lightOrange" style="background-color: rgb(80, 86, 89);"></div>
</a>
<input type="text" value="#505659" id="item_description_color" class="FeedContentFontColTxt">
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix fw-feed-widget-bg">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Background</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker." data-original-title="Color: content background <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="FeedBackgroundCol headerColorsBox colorpicker-element"> <a>
<div class="colorDots lightBlueBg" style="background-color: rgb(255, 255, 255);"></div>
</a>
<input type="text" value="#FFFFFF" id="item_bgcolor" class="FeedBackgroundColTxt">
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement"> <a class="advancedSetting feedContentAdvancedSetting">Advanced settings <span class="fa fa-chevron-down" aria-hidden="true"></span></a> </div>
<div id="feedContentAdvancedSettingOptions" style="display: none;">
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Font style</label>
<a class="popover-help" data-toggle="popover" id="section_general_font_style_popover_description" title="" data-content="Choose from a list of websafe font families for your widget (title + content). Each main font has a set of subfonts to ensure full browser support in case the main font does not exist.<div><a href='/support/fonts/' target='_blank'>Fonts <i class='fa fa-external-link'></i></a></div>" data-original-title="Font style <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<select id="font" name="fontStyle" class="form-control">
<option value="">Default browser font</option>
<option value="Arial, Helvetica, sans-serif" data-google-font="0" selected="">Arial, Helvetica, sans-serif</option>
<option value="Courier New, Courier, mono" data-google-font="0">Courier New, Courier, mono</option>
<option value="Geneva, Arial, sans-serif" data-google-font="0">Geneva, Arial, sans-serif</option>
<option value="Times New Roman, serif" data-google-font="0">Times New Roman, serif</option>
<option value="Trebuchet MS, Verdana, Arial" data-google-font="0">Trebuchet MS, Verdana, Arial</option>
<option value="Verdana, Arial, sans-serif" data-google-font="0">Verdana, Arial, sans-serif</option>
<option disabled="disabled" class="text-center fw-google-fonts">▼▼ Google fonts ▼▼</option>
<option value="Abel" data-google-font="1">Abel, sans-serif</option>
<option value="Abril Fatface" data-google-font="1">Abril Fatface, display</option>
<option value="Acme" data-google-font="1">Acme, sans-serif</option>
<option value="Amatic SC" data-google-font="1">Amatic SC, handwriting</option>
<option value="Amiri" data-google-font="1">Amiri, serif</option>
<option value="Anton" data-google-font="1">Anton, sans-serif</option>
<option value="Archivo Narrow" data-google-font="1">Archivo Narrow, sans-serif</option>
<option value="Arimo" data-google-font="1">Arimo, sans-serif</option>
<option value="Arvo" data-google-font="1">Arvo, serif</option>
<option value="Asap" data-google-font="1">Asap, sans-serif</option>
<option value="Barlow" data-google-font="1">Barlow, sans-serif</option>
<option value="Barlow Condensed" data-google-font="1">Barlow Condensed, sans-serif</option>
<option value="Bitter" data-google-font="1">Bitter, serif</option>
<option value="Bree Serif" data-google-font="1">Bree Serif, serif</option>
<option value="Cabin" data-google-font="1">Cabin, sans-serif</option>
<option value="Cairo" data-google-font="1">Cairo, sans-serif</option>
<option value="Catamaran" data-google-font="1">Catamaran, sans-serif</option>
<option value="Cinzel" data-google-font="1">Cinzel, serif</option>
<option value="Comfortaa" data-google-font="1">Comfortaa, display</option>
<option value="Cormorant Garamond" data-google-font="1">Cormorant Garamond, serif</option>
<option value="Crimson Text" data-google-font="1">Crimson Text, serif</option>
<option value="Dancing Script" data-google-font="1">Dancing Script, handwriting</option>
<option value="Domine" data-google-font="1">Domine, serif</option>
<option value="Dosis" data-google-font="1">Dosis, sans-serif</option>
<option value="EB Garamond" data-google-font="1">EB Garamond, serif</option>
<option value="Exo" data-google-font="1">Exo, sans-serif</option>
<option value="Exo 2" data-google-font="1">Exo 2, sans-serif</option>
<option value="Fira Sans" data-google-font="1">Fira Sans, sans-serif</option>
<option value="Fira Sans Condensed" data-google-font="1">Fira Sans Condensed, sans-serif</option>
<option value="Fjalla One" data-google-font="1">Fjalla One, sans-serif</option>
<option value="Fredoka One" data-google-font="1">Fredoka One, display</option>
<option value="Heebo" data-google-font="1">Heebo, sans-serif</option>
<option value="Hind" data-google-font="1">Hind, sans-serif</option>
<option value="Hind Madurai" data-google-font="1">Hind Madurai, sans-serif</option>
<option value="Hind Siliguri" data-google-font="1">Hind Siliguri, sans-serif</option>
<option value="IBM Plex Sans" data-google-font="1">IBM Plex Sans, sans-serif</option>
<option value="IBM Plex Serif" data-google-font="1">IBM Plex Serif, serif</option>
<option value="Inconsolata" data-google-font="1">Inconsolata, monospace</option>
<option value="Indie Flower" data-google-font="1">Indie Flower, handwriting</option>
<option value="Josefin Sans" data-google-font="1">Josefin Sans, sans-serif</option>
<option value="Kanit" data-google-font="1">Kanit, sans-serif</option>
<option value="Karla" data-google-font="1">Karla, sans-serif</option>
<option value="Lato" data-google-font="1">Lato, sans-serif</option>
<option value="Libre Baskerville" data-google-font="1">Libre Baskerville, serif</option>
<option value="Libre Franklin" data-google-font="1">Libre Franklin, sans-serif</option>
<option value="Lobster" data-google-font="1">Lobster, display</option>
<option value="Lora" data-google-font="1">Lora, serif</option>
<option value="Martel" data-google-font="1">Martel, serif</option>
<option value="Maven Pro" data-google-font="1">Maven Pro, sans-serif</option>
<option value="Merriweather" data-google-font="1">Merriweather, serif</option>
<option value="Merriweather Sans" data-google-font="1">Merriweather Sans, sans-serif</option>
<option value="Montserrat" data-google-font="1">Montserrat, sans-serif</option>
<option value="Mukta" data-google-font="1">Mukta, sans-serif</option>
<option value="Muli" data-google-font="1">Muli, sans-serif</option>
<option value="Nanum Gothic" data-google-font="1">Nanum Gothic, sans-serif</option>
<option value="Noto Sans" data-google-font="1">Noto Sans, sans-serif</option>
<option value="Noto Sans JP" data-google-font="1">Noto Sans JP, sans-serif</option>
<option value="Noto Sans KR" data-google-font="1">Noto Sans KR, sans-serif</option>
<option value="Noto Sans SC" data-google-font="1">Noto Sans SC, sans-serif</option>
<option value="Noto Sans TC" data-google-font="1">Noto Sans TC, sans-serif</option>
<option value="Noto Serif" data-google-font="1">Noto Serif, serif</option>
<option value="Nunito" data-google-font="1">Nunito, sans-serif</option>
<option value="Nunito Sans" data-google-font="1">Nunito Sans, sans-serif</option>
<option value="Open Sans" data-google-font="1">Open Sans, sans-serif</option>
<option value="Open Sans Condensed" data-google-font="1">Open Sans Condensed, sans-serif</option>
<option value="Oswald" data-google-font="1">Oswald, sans-serif</option>
<option value="Overpass" data-google-font="1">Overpass, sans-serif</option>
<option value="Oxygen" data-google-font="1">Oxygen, sans-serif</option>
<option value="PT Sans" data-google-font="1">PT Sans, sans-serif</option>
<option value="PT Sans Caption" data-google-font="1">PT Sans Caption, sans-serif</option>
<option value="PT Sans Narrow" data-google-font="1">PT Sans Narrow, sans-serif</option>
<option value="PT Serif" data-google-font="1">PT Serif, serif</option>
<option value="Pacifico" data-google-font="1">Pacifico, handwriting</option>
<option value="Play" data-google-font="1">Play, sans-serif</option>
<option value="Playfair Display" data-google-font="1">Playfair Display, serif</option>
<option value="Poppins" data-google-font="1">Poppins, sans-serif</option>
<option value="Prompt" data-google-font="1">Prompt, sans-serif</option>
<option value="Questrial" data-google-font="1">Questrial, sans-serif</option>
<option value="Quicksand" data-google-font="1">Quicksand, sans-serif</option>
<option value="Rajdhani" data-google-font="1">Rajdhani, sans-serif</option>
<option value="Raleway" data-google-font="1">Raleway, sans-serif</option>
<option value="Righteous" data-google-font="1">Righteous, display</option>
<option value="Roboto" data-google-font="1">Roboto, sans-serif</option>
<option value="Roboto Condensed" data-google-font="1">Roboto Condensed, sans-serif</option>
<option value="Roboto Mono" data-google-font="1">Roboto Mono, monospace</option>
<option value="Roboto Slab" data-google-font="1">Roboto Slab, serif</option>
<option value="Rubik" data-google-font="1">Rubik, sans-serif</option>
<option value="Russo One" data-google-font="1">Russo One, sans-serif</option>
<option value="Shadows Into Light" data-google-font="1">Shadows Into Light, handwriting</option>
<option value="Signika" data-google-font="1">Signika, sans-serif</option>
<option value="Slabo 27px" data-google-font="1">Slabo 27px, serif</option>
<option value="Source Code Pro" data-google-font="1">Source Code Pro, monospace</option>
<option value="Source Sans Pro" data-google-font="1">Source Sans Pro, sans-serif</option>
<option value="Source Serif Pro" data-google-font="1">Source Serif Pro, serif</option>
<option value="Teko" data-google-font="1">Teko, sans-serif</option>
<option value="Titillium Web" data-google-font="1">Titillium Web, sans-serif</option>
<option value="Ubuntu" data-google-font="1">Ubuntu, sans-serif</option>
<option value="Varela Round" data-google-font="1">Varela Round, sans-serif</option>
<option value="Work Sans" data-google-font="1">Work Sans, sans-serif</option>
<option value="Yanone Kaffeesatz" data-google-font="1">Yanone Kaffeesatz, sans-serif</option>
<option value="Zilla Slab" data-google-font="1">Zilla Slab, serif</option>
</select>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Text alignment</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Align widget text (item titles + content) to the Left, Center, Right, or Justified." data-original-title="Text alignment <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div id="text_alignment" class="widgetButtonsSmall"> <a href="#" class="active" value="left"><span class="fa fa-align-left" aria-hidden="true"></span></a>
<a href="#" value="right"><span class="fa fa-align-right" aria-hidden="true"></span></a> <a href="#" value="center"><span class="fa fa-align-center" aria-hidden="true"></span></a>
<a href="#" value="justify"><span class="fa fa-align-justify" aria-hidden="true"></span></a> </div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<label>Background image</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter the URL of a background image to be used in the feed content area of the widget." data-original-title="Background image: content area <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<input type="text" id="item_bgimage" class="normalInputSize" placeholder="https://">
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Background image size</label>
<a class="popover-help" data-toggle="popover" title="" data-content="<strong>Auto:</strong> Background image is displayed in its original size.<br/><strong>Cover:</strong> Background image to cover the entire feed container.<br/><strong>Contain:</strong> Resize the background image to make sure the image is fully visible in feed container." data-original-title="Background image size <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div class="pushDivRight">
<select id="item_bgimage_scale" class="form-control">
<option value="auto" selected="">Auto</option>
<option value="cover">Cover</option>
<option value="contain">Contain</option>
</select>
</div>
</div>
</div>
<p class="fw-help-youtube-cta">How to add background image? <a href="/support/backgrounds/" target="_blank"><i class="far fa-play-circle" aria-hidden="true"></i> Watch video</a></p>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Sort order</label>
<a class="popover-help" data-toggle="popover" id="section_content_sort_popover_description" title="" data-content="Choose a sort order for your feed content. <div><a href='/support/rss-feed-content-sort/' target='_blank'> RSS feed content sort <i class='fa fa-external-link'></i></a></div>" data-original-title="Sort order <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="feedContentSortOrder" checked="" class="onoffswitch-checkbox">
<label for="feedContentSortOrder" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
<div id="sort" class="widgetButtons sortOrderSetting">
<div class="dividerLine"></div>
<a href="#" class="active" value="new">Newest</a>
<a href="#" value="old">Oldest</a>
<a href="#" value="rnd">Random</a>
</div>
</div>
</div>
<div class="widgetInnerElement fw_card_layout_off">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Separation line</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enable/disable a dashed seperation line in between feed content items." data-original-title="Seperation line <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="item_border_bottom" checked="" class="onoffswitch-checkbox">
<label for="item_border_bottom" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Time/Date</label>
<a class="popover-help" data-toggle="popover" id="section_content_date_popover_description" title="" data-content="Enable/Disable the display of the Time/Date (from the < pubdate: > XML tag) below each feed item. <div><a href='/support/timedate/' target='_blank'> Time/Date <i class='fa fa-external-link'></i></a></div>" data-original-title="Time/Date <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="item_date" checked="" class="onoffswitch-checkbox">
<label for="item_date" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
<div class="TimeZoneHideToggle">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Font size & Color</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose a font size and enter a hexadecimal color code, or click on the color icon to choose from the color picker." data-original-title="Font size & color"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight fw_fontSize_color">
<div class="FeedDateTimeCol fw_tw_color pull-right headerColorsBox colorpicker-element">
<a>
<div class="colorDots lightOrange" style="background-color: rgb(80, 86, 89);"></div>
</a>
<input type="text" value="#505659" id="item_date_time_color" class="FeedDateTimeColTxt ">
</div>
<div class="smallInputField fw_tw_size pull-right">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_date_time_size" type="number" class="text-center form-control" value="12" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div><span>px</span>
</div>
</div>
</div>
<div id="date_container">
<div class="pushDivLeftRight clearfix">
<div class="fw-widget-spacer clearfix"></div>
<div class="pushDivLeft labelNormalSize">
<label>Time format</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose from some standard time formats or specify a specific format (above) <div><a href='/support/timedate/' target='_blank'> Time/Date <i class='fa fa-external-link'></i></a></div>" data-original-title="Time format <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div id="time_format" class="widgetButtons">
<a href="#" class="active fw-twelve" value=" %l:%M %p" style="min-width: 150px;">12-Hours</a>
<a href="#" class="fw-twofour" value=" %k:%M">24-Hours</a>
</div>
</div>
</div>
<div class="pushDivLeftRight clearfix">
<div class="fw-widget-spacer clearfix"></div>
<div class="pushDivLeft labelNormalSize">
<label>Date format</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose from some standard date formats or specify a specific format (above) <div><a href='/support/timedate/' target='_blank'> Time/Date <i class='fa fa-external-link'></i></a></div>" data-original-title="Date format <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<div id="date_format" class="widgetButtons"> <a href="#" class="active fw-mdy" value="%b %e, %Y">Month DD, YYYY</a> <a href="#" class="fw-dmy" value="%e.%m.%Y">DD.MM.YYYY</a></div>
</div>
</div>
</div>
<div class="pushDivLeftRight clearfix fw_date_language">
<div class="fw-widget-spacer clearfix"></div>
<div class="pushDivLeft labelNormalSize">
<label>Date language</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose the language for a month in the date format." data-original-title="Date language <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight">
<select id="locale" class="form-control">
<option value="en_US" selected="">English</option>
<option value="de_DE">German</option>
<option value="fr_FR">French </option>
<option value="nl_NL">Dutch </option>
</select>
</div>
</div>
<div class="fw-widget-spacer clearfix"></div>
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 labelNormalSize fw-position-initial">
<label>Custom format</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enable/Disable custom format for your date/time. When enabled, you will get an option to enter format as you like. <div><a href='/support/timedate/' target='_blank'> Date format <i class='fa fa-external-link'></i></a></div>" data-original-title="Custom format <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>Off</span>
<input type="checkbox" id="item_date_custom_format_switch" class="onoffswitch-checkbox">
<label for="item_date_custom_format_switch" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background:#a0a5aa"></span>
</label>
</div>
</div>
</div>
<div id="custom_date_format" class="pushDivLeftRight clearfix" style="display:none">
<div class="fw-widget-spacer-small clearfix"></div>
<input id="item_date_format" type="text" placeholder="" class="inputWidthFull" value="">
</div>
<div class="fw-widget-spacer clearfix"></div>
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 labelNormalSize fw-position-initial">
<label>Timezone</label>
<a class="popover-help" data-toggle="popover" id="section_content_date_timezone_popover_description" title="" data-content="Enable/Disable timezone abbreviations for your date/time. When enabled, choose from a dropdown list of timezones. <div><a href='/support/timedate/' target='_blank'> Time/Date <i class='fa fa-external-link'></i></a></div>" data-original-title="Timezone <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>Off</span>
<input type="checkbox" id="feedContentTimezone" class="onoffswitch-checkbox">
<label for="feedContentTimezone" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background:#a0a5aa"></span>
</label>
</div>
</div>
</div>
<div class="timeZone" style="display:none">
<div class="fw-widget-spacer clearfix"></div>
<select id="item_date_timezone" name="timezone" class="form-control">
<option value="" selected="selected">Not Set</option>
<option value="Pacific/Midway">(GMT-11:00) Midway</option>
<option value="Pacific/Niue">(GMT-11:00) Niue</option>
<option value="Pacific/Pago_Pago">(GMT-11:00) Pago Pago</option>
<option value="Pacific/Honolulu">(GMT-10:00) Hawaii Time</option>
<option value="Pacific/Johnston">(GMT-09:00 DST / GMT-10:00) Johnston</option>
<option value="Pacific/Rarotonga">(GMT-10:00) Rarotonga</option>
<option value="Pacific/Tahiti">(GMT-10:00) Tahiti</option>
<option value="Pacific/Marquesas">(GMT-09:30) Marquesas</option>
<option value="America/Anchorage">(GMT-08:00 DST / GMT-09:00) Alaska Time</option>
<option value="Pacific/Gambier">(GMT-09:00) Gambier</option>
<option value="America/Los_Angeles">(GMT-07:00 DST / GMT-08:00) Pacific Time</option>
<option value="America/Tijuana">(GMT-07:00 DST / GMT-08:00) Pacific Time - Tijuana</option>
<option value="America/Vancouver">(GMT-07:00 DST / GMT-08:00) Pacific Time - Vancouver</option>
<option value="America/Whitehorse">(GMT-07:00 DST / GMT-08:00) Pacific Time - Whitehorse</option>
<option value="Pacific/Pitcairn">(GMT-08:00) Pitcairn</option>
<option value="America/Dawson_Creek">(GMT-07:00) Mountain Time - Dawson Creek</option>
<option value="America/Denver">(GMT-06:00 DST / GMT-07:00) Mountain Time</option>
<option value="America/Edmonton">(GMT-06:00 DST / GMT-07:00) Mountain Time - Edmonton</option>
<option value="America/Hermosillo">(GMT-07:00) Mountain Time - Hermosillo</option>
<option value="America/Mazatlan">(GMT-06:00 DST / GMT-07:00) Mountain Time - Chihuahua, Mazatlan</option>
<option value="America/Phoenix">(GMT-07:00) Mountain Time - Arizona</option>
<option value="America/Yellowknife">(GMT-06:00 DST / GMT-07:00) Mountain Time - Yellowknife</option>
<option value="America/Belize">(GMT-06:00) Belize</option>
<option value="America/Chicago">(GMT-05:00 DST / GMT-06:00) Central Time</option>
<option value="America/Costa_Rica">(GMT-06:00) Costa Rica</option>
<option value="America/El_Salvador">(GMT-06:00) El Salvador</option>
<option value="America/Guatemala">(GMT-06:00) Guatemala</option>
<option value="America/Managua">(GMT-06:00) Managua</option>
<option value="America/Mexico_City">(GMT-05:00 DST / GMT-06:00 ) Central Time - Mexico City</option>
<option value="America/Regina">(GMT-06:00) Central Time - Regina</option>
<option value="America/Tegucigalpa">(GMT-06:00) Central Time - Tegucigalpa</option>
<option value="America/Winnipeg">(GMT-05:00 DST / GMT-06:00) Central Time - Winnipeg</option>
<option value="Pacific/Easter">(GMT-05:00 DST / GMT-06:00) Easter Island</option>
<option value="Pacific/Galapagos">(GMT-06:00) Galapagos</option>
<option value="America/Bogota">(GMT-05:00) Bogota</option>
<option value="America/Cayman">(GMT-05:00) Cayman</option>
<option value="America/Grand_Turk">(GMT-04:00 DST / GMT-05:00) Grand Turk</option>
<option value="America/Guayaquil">(GMT-05:00) Guayaquil</option>
<option value="America/Havana">(GMT-04:00 DST / GMT-05:00) Havana</option>
<option value="America/Iqaluit">(GMT-04:00 DST / GMT-05:00) Eastern Time - Iqaluit</option>
<option value="America/Jamaica">(GMT-05:00) Jamaica</option>
<option value="America/Lima">(GMT-05:00) Lima</option>
<option value="America/Montreal">(GMT-04:00 DST / GMT-05:00) Eastern Time - Montreal</option>
<option value="America/Nassau">(GMT-04:00 DST / GMT-05:00) Nassau</option>
<option value="America/New_York">(GMT-04:00 DST / GMT-05:00) Eastern Time</option>
<option value="America/Panama">(GMT-05:00) Panama</option>
<option value="America/Port-au-Prince">(GMT-04:00 DST / GMT-05:00) Port-au-Prince</option>
<option value="America/Toronto">(GMT-04:00 DST / GMT-05:00) Eastern Time - Toronto</option>
<option value="America/Caracas">(GMT-04:30) Caracas</option>
<option value="America/Anguilla">(GMT-04:00) Anguilla</option>
<option value="America/Antigua">(GMT-04:00) Antigua</option>
<option value="America/Aruba">(GMT-04:00) Aruba</option>
<option value="America/Asuncion">(GMT-03:00 DST / GMT-04:00) Asuncion</option>
<option value="America/Barbados">(GMT-04:00) Barbados</option>
<option value="America/Boa_Vista">(GMT-04:00) Boa Vista</option>
<option value="America/Campo_Grande">(GMT-05:00 DST / GMT-04:00) Campo Grande</option>
<option value="America/Cuiaba">(GMT-03:00 DST / GMT-04:00) Cuiaba</option>
<option value="America/Curacao">(GMT-04:00) Curacao</option>
<option value="America/Dominica">(GMT-04:00) Dominica</option>
<option value="America/Grenada">(GMT-04:00) Grenada</option>
<option value="America/Guadeloupe">(GMT-04:00) Guadeloupe</option>
<option value="America/Guyana">(GMT-04:00) Guyana</option>
<option value="America/Halifax">(GMT-03:00 DST / GMT-04:00) Atlantic Time - Halifax</option>
<option value="America/La_Paz">(GMT-04:00) La Paz</option>
<option value="America/Manaus">(GMT-04:00) Manaus</option>
<option value="America/Martinique">(GMT-04:00) Martinique</option>
<option value="America/Montserrat">(GMT-04:00) Montserrat</option>
<option value="America/Port_of_Spain">(GMT-04:00) Port of Spain</option>
<option value="America/Porto_Velho">(GMT-04:00) Porto Velho</option>
<option value="America/Puerto_Rico">(GMT-04:00) Puerto Rico</option>
<option value="America/Rio_Branco">(GMT-04:00) Rio Branco</option>
<option value="America/Santiago">(GMT-03:00 DST / GMT-04:00) Santiago</option>
<option value="America/Santo_Domingo">(GMT-04:00) Santo Domingo</option>
<option value="America/St_Kitts">(GMT-04:00) St. Kitts</option>
<option value="America/St_Lucia">(GMT-04:00) St. Lucia</option>
<option value="America/St_Thomas">(GMT-03:00 DST / GMT-04:00) St. Thomas</option>
<option value="America/St_Vincent">(GMT-03:00 DST / GMT-04:00) St. Vincent</option>
<option value="America/Thule">(GMT-04:00) Thule</option>
<option value="America/Tortola">(GMT-04:00) Tortola</option>
<option value="Antarctica/Palmer">(GMT-03:00 DST / GMT-04:00) Palmer</option>
<option value="Atlantic/Bermuda">(GMT-03:00 DST / GMT-04:00) Bermuda</option>
<option value="America/St_Johns">(GMT-02:00 DST / GMT-03:30) Newfoundland Time - St. Johns</option>
<option value="America/Araguaina">(GMT-03:00) Araguaina</option>
<option value="America/Argentina/Buenos_Aires">(GMT-03:00) Buenos Aires</option>
<option value="America/Bahia">(GMT-03:00) Salvador</option>
<option value="America/Belem">(GMT-03:00) Belem</option>
<option value="America/Cayenne">(GMT-03:00) Cayenne</option>
<option value="America/Fortaleza">(GMT-03:00) Fortaleza</option>
<option value="America/Godthab">(GMT-02:00 DST / GMT-03:00) Godthab</option>
<option value="America/Maceio">(GMT-03:00) Maceio</option>
<option value="America/Miquelon">(GMT-02:00 DST / GMT-03:00) Miquelon</option>
<option value="America/Montevideo">(GMT-03:00) Montevideo</option>
<option value="America/Paramaribo">(GMT-03:00) Paramaribo</option>
<option value="America/Recife">(GMT-03:00) Recife</option>
<option value="America/Sao_Paulo">(GMT-04:00 DST / GMT-03:00) Sao Paulo</option>
<option value="Antarctica/Rothera">(GMT-03:00) Rothera</option>
<option value="Atlantic/Stanley">(GMT-03:00) Stanley</option>
<option value="America/Noronha">(GMT-02:00) Noronha</option>
<option value="Atlantic/South_Georgia">(GMT-02:00) South Georgia</option>
<option value="America/Scoresbysund">(GMT+00:00 DST / GMT-01:00) Scoresbysund</option>
<option value="Atlantic/Azores">(GMT+00:00 DST / GMT-01:00) Azores</option>
<option value="Atlantic/Cape_Verde">(GMT-01:00) Cape Verde</option>
<option value="Africa/Abidjan">(GMT+00:00) Abidjan</option>
<option value="Africa/Accra">(GMT+00:00) Accra</option>
<option value="Africa/Bamako">(GMT+00:00) Bamako</option>
<option value="Africa/Banjul">(GMT+00:00) Banjul</option>
<option value="Africa/Bissau">(GMT+00:00) Bissau</option>
<option value="Africa/Casablanca">(GMT-01:00 DST / GMT+00:00) Casablanca</option>
<option value="Africa/Conakry">(GMT+00:00) Conakry</option>
<option value="Africa/Dakar">(GMT+00:00) Dakar</option>
<option value="Africa/El_Aaiun">(GMT-01:00 DST / GMT+00:00) El Aaiun</option>
<option value="Africa/Freetown">(GMT+00:00) Freetown</option>
<option value="Africa/Lome">(GMT+00:00) Lome</option>
<option value="Africa/Monrovia">(GMT+00:00) Monrovia</option>
<option value="Africa/Nouakchott">(GMT+00:00) Nouakchott</option>
<option value="Africa/Ouagadougou">(GMT+00:00) Ouagadougou</option>
<option value="Africa/Sao_Tome">(GMT-01:00 DST / GMT+00:00) Sao Tome</option>
<option value="America/Danmarkshavn">(GMT+00:00) Danmarkshavn</option>
<option value="Atlantic/Canary">(GMT+01:00 DST / GMT+00:00) Canary Islands</option>
<option value="Atlantic/Faroe">(GMT+01:00 DST / GMT+00:00) Faroe</option>
<option value="Atlantic/Reykjavik">(GMT+00:00) Reykjavik</option>
<option value="Atlantic/St_Helena">(GMT+00:00) St Helena</option>
<option value="Etc/GMT">(GMT+00:00) GMT (no daylight saving)</option>
<option value="Europe/Dublin">(GMT+01:00 DST / GMT+00:00) Dublin</option>
<option value="Europe/Lisbon">(GMT+01:00 DST / GMT+00:00) Lisbon</option>
<option value="Europe/London">(GMT+01:00 DST / GMT+00:00) London</option>
<option value="Africa/Algiers">(GMT+01:00) Algiers</option>
<option value="Africa/Bangui">(GMT+01:00) Bangui</option>
<option value="Africa/Brazzaville">(GMT+01:00) Brazzaville</option>
<option value="Africa/Ceuta">(GMT+01:00 DST / GMT+01:00) Ceuta</option>
<option value="Africa/Douala">(GMT+01:00) Douala</option>
<option value="Africa/Kinshasa">(GMT+01:00) Kinshasa</option>
<option value="Africa/Lagos">(GMT+01:00) Lagos</option>
<option value="Africa/Libreville">(GMT+01:00) Libreville</option>
<option value="Africa/Luanda">(GMT+01:00) Luanda</option>
<option value="Africa/Malabo">(GMT+01:00) Malabo</option>
<option value="Africa/Ndjamena">(GMT+01:00) Ndjamena</option>
<option value="Africa/Niamey">(GMT+01:00) Niamey</option>
<option value="Africa/Porto-Novo">(GMT+01:00) Porto-Novo</option>
<option value="Africa/Tripoli">(GMT+01:00) Tripoli</option>
<option value="Africa/Tunis">(GMT+01:00) Tunis</option>
<option value="Africa/Windhoek">(GMT+01:00) Windhoek</option>
<option value="Europe/Amsterdam">(GMT+02:00 DST / GMT+01:00) Amsterdam</option>
<option value="Europe/Andorra">(GMT+02:00 DST / GMT+01:00) Andorra</option>
<option value="Europe/Belgrade">(GMT+02:00 DST / GMT+01:00) Central European Time - Belgrade</option>
<option value="Europe/Berlin">(GMT+02:00 DST / GMT+01:00) Berlin</option>
<option value="Europe/Brussels">(GMT+02:00 DST / GMT+01:00) Brussels</option>
<option value="Europe/Budapest">(GMT+02:00 DST / GMT+01:00) Budapest</option>
<option value="Europe/Copenhagen">(GMT+02:00 DST / GMT+01:00) Copenhagen</option>
<option value="Europe/Gibraltar">(GMT+02:00 DST / GMT+01:00) Gibraltar</option>
<option value="Europe/Luxembourg">(GMT+02:00 DST / GMT+01:00) Luxembourg</option>
<option value="Europe/Madrid">(GMT+02:00 DST / GMT+01:00) Madrid</option>
<option value="Europe/Malta">(GMT+02:00 DST / GMT+01:00) Malta</option>
<option value="Europe/Monaco">(GMT+02:00 DST / GMT+01:00) Monaco</option>
<option value="Europe/Oslo">(GMT+02:00 DST / GMT+01:00) Oslo</option>
<option value="Europe/Paris">(GMT+02:00 DST / GMT+01:00) Paris</option>
<option value="Europe/Prague">(GMT+02:00 DST / GMT+01:00) Central European Time - Prague</option>
<option value="Europe/Rome">(GMT+02:00 DST / GMT+01:00) Rome</option>
<option value="Europe/Stockholm">(GMT+02:00 DST / GMT+01:00) Stockholm</option>
<option value="Europe/Tirane">(GMT+02:00 DST / GMT+01:00) Tirane</option>
<option value="Europe/Vaduz">(GMT+02:00 DST / GMT+01:00) Vaduz</option>
<option value="Europe/Vienna">(GMT+02:00 DST / GMT+01:00) Vienna</option>
<option value="Europe/Warsaw">(GMT+02:00 DST / GMT+01:00) Warsaw</option>
<option value="Europe/Zurich">(GMT+02:00 DST / GMT+01:00) Zurich</option>
<option value="Africa/Blantyre">(GMT+02:00) Blantyre</option>
<option value="Africa/Bujumbura">(GMT+02:00) Bujumbura</option>
<option value="Africa/Cairo">(GMT+02:00) Cairo</option>
<option value="Africa/Gaborone">(GMT+02:00) Gaborone</option>
<option value="Africa/Harare">(GMT+02:00) Harare</option>
<option value="Africa/Johannesburg">(GMT+02:00) Johannesburg</option>
<option value="Africa/Kigali">(GMT+02:00) Kigali</option>
<option value="Africa/Lubumbashi">(GMT+02:00) Lubumbashi</option>
<option value="Africa/Lusaka">(GMT+02:00) Lusaka</option>
<option value="Africa/Maputo">(GMT+02:00) Maputo</option>
<option value="Africa/Maseru">(GMT+02:00) Maseru</option>
<option value="Africa/Mbabane">(GMT+02:00) Mbabane</option>
<option value="Asia/Amman">(GMT+03:00 DST / GMT+02:00) Amman</option>
<option value="Asia/Beirut">(GMT+03:00 DST / GMT+02:00) Beirut</option>
<option value="Asia/Damascus">(GMT+03:00 DST / GMT+02:00) Damascus</option>
<option value="Asia/Gaza">(GMT+03:00 DST / GMT+02:00) Gaza</option>
<option value="Asia/Jerusalem">(GMT+03:00 DST / GMT+02:00) Jerusalem</option>
<option value="Asia/Nicosia">(GMT+03:00 DST / GMT+02:00) Nicosia</option>
<option value="Europe/Athens">(GMT+03:00 DST / GMT+02:00) Athens</option>
<option value="Europe/Bucharest">(GMT+03:00 DST / GMT+02:00) Bucharest</option>
<option value="Europe/Chisinau">(GMT+03:00 DST / GMT+02:00) Chisinau</option>
<option value="Europe/Helsinki">(GMT+03:00 DST / GMT+02:00) Helsinki</option>
<option value="Europe/Istanbul">(GMT+02:00) Istanbul</option>
<option value="Europe/Kiev">(GMT+03:00 DST / GMT+02:00) Kiev</option>
<option value="Europe/Riga">(GMT+03:00 DST / GMT+02:00) Riga</option>
<option value="Europe/Sofia">(GMT+03:00 DST / GMT+02:00) Sofia</option>
<option value="Europe/Tallinn">(GMT+03:00 DST / GMT+02:00) Tallinn</option>
<option value="Europe/Vilnius">(GMT+03:00 DST / GMT+02:00) Vilnius</option>
<option value="Africa/Addis_Ababa">(GMT+03:00) Addis Ababa</option>
<option value="Africa/Asmara">(GMT+03:00) Asmera</option>
<option value="Africa/Dar_es_Salaam">(GMT+03:00) Dar es Salaam</option>
<option value="Africa/Djibouti">(GMT+03:00) Djibouti</option>
<option value="Africa/Kampala">(GMT+03:00) Kampala</option>
<option value="Africa/Khartoum">(GMT+03:00) Khartoum</option>
<option value="Africa/Mogadishu">(GMT+03:00) Mogadishu</option>
<option value="Africa/Nairobi">(GMT+03:00) Nairobi</option>
<option value="Antarctica/Syowa">(GMT+03:00) Syowa</option>
<option value="Asia/Aden">(GMT+03:00) Aden</option>
<option value="Asia/Baghdad">(GMT+03:00) Baghdad</option>
<option value="Asia/Bahrain">(GMT+03:00) Bahrain</option>
<option value="Asia/Kuwait">(GMT+03:00) Kuwait</option>
<option value="Asia/Qatar">(GMT+03:00) Qatar</option>
<option value="Asia/Riyadh">(GMT+03:00) Riyadh</option>
<option value="Europe/Kaliningrad">(GMT+03:00) Moscow-01 - Kaliningrad</option>
<option value="Europe/Minsk">(GMT+03:00) Minsk</option>
<option value="Indian/Antananarivo">(GMT+03:00) Antananarivo</option>
<option value="Indian/Comoro">(GMT+03:00) Comoro</option>
<option value="Indian/Mayotte">(GMT+03:00) Mayotte</option>
<option value="Asia/Tehran">(GMT+04:30 DST / GMT+03:30) Tehran</option>
<option value="Asia/Baku">(GMT+04:00) Baku</option>
<option value="Asia/Dubai">(GMT+04:00) Dubai</option>
<option value="Asia/Muscat">(GMT+04:00) Muscat</option>
<option value="Asia/Tbilisi">(GMT+04:00) Tbilisi</option>
<option value="Asia/Yerevan">(GMT+04:00) Yerevan</option>
<option value="Europe/Moscow">(GMT+04:00) Moscow+00</option>
<option value="Europe/Samara">(GMT+04:00) Moscow+00 - Samara</option>
<option value="Indian/Mahe">(GMT+04:00) Mahe</option>
<option value="Indian/Mauritius">(GMT+04:00) Mauritius</option>
<option value="Indian/Reunion">(GMT+04:00) Reunion</option>
<option value="Asia/Kabul">(GMT+04:30) Kabul</option>
<option value="Antarctica/Mawson">(GMT+05:00) Mawson</option>
<option value="Asia/Aqtau">(GMT+05:00) Aqtau</option>
<option value="Asia/Aqtobe">(GMT+05:00) Aqtobe</option>
<option value="Asia/Ashgabat">(GMT+05:00) Ashgabat</option>
<option value="Asia/Dushanbe">(GMT+05:00) Dushanbe</option>
<option value="Asia/Karachi">(GMT+05:00) Karachi</option>
<option value="Asia/Tashkent">(GMT+05:00) Tashkent</option>
<option value="Indian/Kerguelen">(GMT+05:00) Kerguelen</option>
<option value="Indian/Maldives">(GMT+05:00) Maldives</option>
<option value="Asia/Calcutta">(GMT+05:30) India Standard Time</option>
<option value="Asia/Colombo">(GMT+05:30) Colombo</option>
<option value="Asia/Katmandu">(GMT+05:45) Katmandu</option>
<option value="Antarctica/Vostok">(GMT+06:00) Vostok</option>
<option value="Asia/Almaty">(GMT+06:00) Almaty</option>
<option value="Asia/Bishkek">(GMT+06:00) Bishkek</option>
<option value="Asia/Dhaka">(GMT+06:00) Dhaka</option>
<option value="Asia/Thimphu">(GMT+06:00) Thimphu</option>
<option value="Asia/Yekaterinburg">(GMT+06:00) Moscow+02 - Yekaterinburg</option>
<option value="Indian/Chagos">(GMT+06:00) Chagos</option>
<option value="Asia/Rangoon">(GMT+06:30) Rangoon</option>
<option value="Indian/Cocos">(GMT+06:30) Cocos</option>
<option value="Antarctica/Davis">(GMT+07:00) Davis</option>
<option value="Asia/Bangkok">(GMT+07:00) Bangkok</option>
<option value="Asia/Hovd">(GMT+07:00) Hovd</option>
<option value="Asia/Jakarta">(GMT+07:00) Jakarta</option>
<option value="Asia/Omsk">(GMT+07:00) Moscow+03 - Omsk, Novosibirsk</option>
<option value="Asia/Phnom_Penh">(GMT+07:00) Phnom Penh</option>
<option value="Asia/Saigon">(GMT+07:00) Hanoi</option>
<option value="Asia/Vientiane">(GMT+07:00) Vientiane</option>
<option value="Indian/Christmas">(GMT+07:00) Christmas</option>
<option value="Antarctica/Casey">(GMT+05:00 DST / GMT+08:00) Casey</option>
<option value="Asia/Brunei">(GMT+08:00) Brunei</option>
<option value="Asia/Choibalsan">(GMT+08:00) Choibalsan</option>
<option value="Asia/Hong_Kong">(GMT+08:00) Hong Kong</option>
<option value="Asia/Krasnoyarsk">(GMT+08:00) Moscow+04 - Krasnoyarsk</option>
<option value="Asia/Kuala_Lumpur">(GMT+08:00) Kuala Lumpur</option>
<option value="Asia/Macau">(GMT+08:00) Macau</option>
<option value="Asia/Makassar">(GMT+08:00) Makassar</option>
<option value="Asia/Manila">(GMT+08:00) Manila</option>
<option value="Asia/Shanghai">(GMT+08:00) China Time - Beijing</option>
<option value="Asia/Singapore">(GMT+08:00) Singapore</option>
<option value="Asia/Taipei">(GMT+08:00) Taipei</option>
<option value="Asia/Ulaanbaatar">(GMT+08:00) Ulaanbaatar</option>
<option value="Australia/Perth">(GMT+08:00) Western Time - Perth</option>
<option value="Asia/Dili">(GMT+09:00) Dili</option>
<option value="Asia/Irkutsk">(GMT+09:00) Moscow+05 - Irkutsk</option>
<option value="Asia/Jayapura">(GMT+09:00) Jayapura</option>
<option value="Asia/Pyongyang">(GMT+09:00) Pyongyang</option>
<option value="Asia/Seoul">(GMT+09:00) Seoul</option>
<option value="Asia/Tokyo">(GMT+09:00) Tokyo</option>
<option value="Pacific/Palau">(GMT+09:00) Palau</option>
<option value="Australia/Adelaide">(GMT+10:30 DST / GMT+09:30) Central Time - Adelaide</option>
<option value="Australia/Darwin">(GMT+09:30) Central Time - Darwin</option>
<option value="Antarctica/DumontDUrville">(GMT+10:00) Dumont D'Urville</option>
<option value="Asia/Yakutsk">(GMT+10:00) Moscow+06 - Yakutsk</option>
<option value="Australia/Brisbane">(GMT+10:00) Eastern Time - Brisbane</option>
<option value="Australia/Hobart">(GMT+11:00 DST / GMT+10:00) Eastern Time - Hobart</option>
<option value="Australia/Sydney">(GMT+11:00 DST / GMT+10:00) Eastern Time - Melbourne, Sydney</option>
<option value="Pacific/Guam">(GMT+10:00) Guam</option>
<option value="Pacific/Port_Moresby">(GMT+10:00) Port Moresby</option>
<option value="Pacific/Saipan">(GMT+10:00) Saipan</option>
<option value="Pacific/Truk">(GMT+10:00) Truk</option>
<option value="Asia/Vladivostok">(GMT+11:00) Moscow+07 - Yuzhno-Sakhalinsk</option>
<option value="Pacific/Efate">(GMT+11:00) Efate</option>
<option value="Pacific/Guadalcanal">(GMT+11:00) Guadalcanal</option>
<option value="Pacific/Kosrae">(GMT+11:00) Kosrae</option>
<option value="Pacific/Noumea">(GMT+11:00) Noumea</option>
<option value="Pacific/Ponape">(GMT+11:00) Ponape</option>
<option value="Pacific/Norfolk">(GMT+11:30) Norfolk</option>
<option value="Asia/Kamchatka">(GMT+12:00) Moscow+08 - Petropavlovsk-Kamchatskiy</option>
<option value="Asia/Magadan">(GMT+12:00) Moscow+08 - Magadan</option>
<option value="Pacific/Auckland">(GMT+13:00 DST / GMT+12:00) Auckland</option>
<option value="Pacific/Fiji">(GMT+13:00 DST / GMT+12:00) Fiji</option>
<option value="Pacific/Funafuti">(GMT+12:00) Funafuti</option>
<option value="Pacific/Kwajalein">(GMT+12:00) Kwajalein</option>
<option value="Pacific/Majuro">(GMT+12:00) Majuro</option>
<option value="Pacific/Nauru">(GMT+12:00) Nauru</option>
<option value="Pacific/Tarawa">(GMT+12:00) Tarawa</option>
<option value="Pacific/Wake">(GMT+12:00) Wake</option>
<option value="Pacific/Wallis">(GMT+12:00) Wallis</option>
<option value="Pacific/Apia">(GMT+14:00 DST / GMT+13:00) Apia</option>
<option value="Pacific/Enderbury">(GMT+13:00) Enderbury</option>
<option value="Pacific/Fakaofo">(GMT+13:00) Fakaofo</option>
<option value="Pacific/Tongatapu">(GMT+13:00) Tongatapu</option>
<option value="Pacific/Kiritimati">(GMT+14:00) Kiritimati</option>
</select>
</div>
<div class="row timeZone" style="display:none">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 labelNormalSize fw-position-initial">
<label>Display time zone abbreviation</label>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>Off</span>
<input type="checkbox" id="feedContTimezoneAbbr" class="onoffswitch-checkbox">
<label for="feedContTimezoneAbbr" class="onoffswitch-label">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="background:#a0a5aa"></span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Social share</label>
<a class="popover-help" data-toggle="popover" id="section_content_social_share_popover_description" data-content="Add 'Social share' option to share your feeds on social sites.<div><a href='/support/sns-icons/' target='_blank'> Social Network Sharing <i class='fa fa-external-link'></i></a></div>" data-original-title="Social share"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span><span>Off</span></span>
<input type="checkbox" id="item_social_share" class="onoffswitch-checkbox">
<label for="item_social_share" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch" style="background: rgb(160, 165, 170);"></span></label>
</div>
</div>
</div>
<div class="fw-item-social-icons" style="display: none;">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial labelNormalSize">
<label>Facebook</label>
<a class="popover-help" data-toggle="popover" data-content="Add 'Facebook' option to posts your feeds on Facebook." data-original-title="Share on Facebook"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span><span>ON</span></span>
<input type="checkbox" id="item_social_share_fb" checked="checked" class="onoffswitch-checkbox">
<label for="item_social_share_fb" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-9 labelNormalSize col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Twitter</label>
<a class="popover-help" data-toggle="popover" data-content="Add 'Twitter' option to share your tweets on Twitter." data-original-title="Share on Twitter"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span><span>ON</span></span>
<input type="checkbox" checked="checked" id="item_social_share_tw" class="onoffswitch-checkbox">
<label for="item_social_share_tw" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-9 labelNormalSize col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Linkedin</label>
<a class="popover-help" data-toggle="popover" data-content="Add 'Linkedin' option to share your posts on Linkedin." data-original-title="Share on Linkedin"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span><span>ON</span></span>
<input type="checkbox" checked="checked" id="item_social_share_linkedin" class="onoffswitch-checkbox">
<label for="item_social_share_linkedin" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Icon size</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose a size for social share icon." data-original-title="Icon size <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="smallInputField">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_social_share_icon_size" type="number" name="itemDescriptionFontSize" value="25" class="form-control" style="display: block;"><span
class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div> <span>px</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Podcast/YouTube</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enable/Disable the podcast/YouTube Player. If enabled, Card style will be disabled.<div><a href='/support/make-a-podcast-widget/' target='_blank'> Create podcast widget <i class='fa fa-external-link'></i></a></div>" data-original-title="Podcast/YouTube <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="feedContPodcastYoutube" class="onoffswitch-checkbox">
<label for="feedContPodcastYoutube" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch" style="background:#a0a5aa"></span></label>
</div>
</div>
</div>
<div id="player" style="display:none;">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="widgetButtons">
<a href="#" value="podcast">Display podcast icon</a> <a href="#" value="youtube">Display YouTube player</a>
</div>
<div class="fw-podcast-active">
<div class="fw-widget-spacer clearfix"></div>
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 labelNormalSize fw-position-initial">
<label>Title link uses podcast link</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Redirect the link for each podcast item to the actual podcast content (as opposed to the page it appears on)." data-original-title="Title link uses podcast link <span class='fa fa-times-circle'></span>"> <span class="glyphicon glyphicon-question-sign"></span>
</a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="podcastLink" checked="" class="onoffswitch-checkbox">
<label for="podcastLink" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>
</div>
</div>
</div>
<div class="fw-widget-spacer clearfix"></div>
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 labelNormalSize fw-position-initial">
<label>Display audio player</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Display podcast audio player." data-original-title="Display audio player <span class='fa fa-times-circle'></span>"> <span class="glyphicon glyphicon-question-sign"></span>
</a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>On</span>
<input type="checkbox" id="podcastplayer" class="onoffswitch-checkbox">
<label for="podcastplayer" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch" style="background:#a0a5aa"></span></label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="widgetInnerElement">
<div class="padding10">
<div class="row">
<div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 fw-position-initial">
<label>Custom tag</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Input custom tags you want to display" data-original-title="Custom tag"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 col-xs-4">
<div class="onoffswitch"> <span>Off</span>
<input type="checkbox" id="item_custom_tag" class="onoffswitch-checkbox">
<label for="item_custom_tag" class="onoffswitch-label"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch" style="background: #a0a5aa;"></span></label>
</div>
</div>
</div>
<div class="fw-item-custom-tag" style="display: none;">
<div class="bootstrap-tagsinput"><input type="text" placeholder=""></div><input type="text" id="item_custom_tag_text" class="inputWidthFull" data-role="tagsinput" style="display: none;">
<div class="fw-widget-spacer-small clearfix"></div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft labelNormalSize">
<label>Font size & Color</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Choose a font size and enter a hexadecimal color code, or click on the color icon to choose from the color picker." data-original-title="Font size & color"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
<div class="pushDivRight fw_fontSize_color">
<div class="FeedCustomTagFontCol pull-right headerColorsBox colorpicker-element">
<a>
<div class="colorDots" style="background-color: rgb(26, 151, 252);"></div>
</a>
<input type="text" value="#1A97FC" id="item_custom_tag_font_color">
</div>
<div class="smallInputField pull-right">
<div class="input-group bootstrap-touchspin"><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-down" type="button">-</button></span><span class="input-group-addon bootstrap-touchspin-prefix"
style="display: none;"></span><input id="item_custom_tag_font_size" type="number" class="text-center form-control" value="12" style="display: block;"><span class="input-group-addon bootstrap-touchspin-postfix"
style="display: none;"></span><span class="input-group-btn"><button class="btn btn-default bootstrap-touchspin-up" type="button">+</button></span></div><span>px</span>
</div>
</div>
</div>
<div class="pushDivLeftRight clearfix">
<div class="pushDivLeft">
<div class="labelNormalSize">
<label>Background</label>
<a class="popover-help" data-toggle="popover" title="" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker." data-original-title="Color: Custom tag background <span class='fa fa-times-circle'></span>"><span class="glyphicon glyphicon-question-sign"></span></a>
</div>
</div>
<div class="pushDivRight">
<div class="FeedCustomTagBgCol headerColorsBox colorpicker-element"> <a>
<div class="colorDots lightBlueBg" style="background-color: rgb(232, 232, 232);"></div>
</a>
<input type="text" value="#e8e8e8" id="item_custom_tag_bgcolor">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>Text Content
* Request a Demo
* Support
* Plans
* Sign in
* Sign up
* Language
* English
* 日本語
* Deutsch
THE EASIEST WAY TO ADD DYNAMIC CONTENT ON YOUR WEBSITE
STEP 1 ／ 5 Try for free
No credit card required
Explore Features
Customize designUse our easy interface to choose design and feature options.
Customize your widget to match your website style.
Embed on your websiteWith a simple copy/paste of our short code snippet, you can
place your widget just about anywhere on your website.
Automatic updatesAfter going live, your widget automatically updates whenever
you edit the widget or if the feed content changes.
Select content typeChoose from one of four content types. RSS, Facebook,
Instagram, Google Calendar, YouTube or Twitter with unique features for each of
them.
Enter your feed sourcesAdd your feed sources URLs or Calendar ID. Multiple feeds
can be added together in a single widget in paid plans.
Customize designUse our easy interface to choose design and feature options.
Customize your widget to match your website style.
Embed on your websiteWith a simple copy/paste of our short code snippet, you can
place your widget just about anywhere on your website.
Automatic updatesAfter going live, your widget automatically updates whenever
you edit the widget or if the feed content changes.
Select content typeChoose from one of four content types. RSS, Facebook,
Instagram, Google Calendar, YouTube or Twitter with unique features for each of
them.
Enter your feed sourcesAdd your feed sources URLs or Calendar ID. Multiple feeds
can be added together in a single widget in paid plans.
Customize designUse our easy interface to choose design and feature options.
Customize your widget to match your website style.
* Select your builder
* RSS
* Facebook
* Twitter
* Google Calendar
* Instagram
* YouTube
Sign up & Save
Builder Widget
FEED URL
Upgrade
+
How to create RSS widget? Watch video
GENERAL
Width
In pixels
-+
px
Responsive
Posts
-+
Height
In pixels
-+
px
Image
-+
px
Posts
-+
Single column on mobile
Off
Number of items
1 2 3 4 5
Scroll
On
Vertical Horizontal
Scroll bar
On
Navigation arrow
On
Autoscroll
On
Normal Movie credit
Scroll speed
-+
sec/step
Speed
-+
sec/1000px
Scroll direction
Posts to slide
-+
Fade transition
Off
Style
Text Thumbnail Card Overlay HTML
Background
Add linear gradient background
Off
Top
Bottom
Display order
Top to Bottom Left to Right
Image scale
Fill Fits the shortest side Fits the longest side Not stretch Original size
Image align
Left Right Center Top Top left Top right Bottom left Bottom right
Add space between posts
-+
px
Thumbnail resizing
Crop image to fill thumbnail Retain aspect ratio of image
Alternate image
Thumbnail position
Left Right
Thumbnail selection
=== Select image by algorithm === Auto First image First image without
repetition === Select image by specific tag === <media_content>
<media_thumbnail> <enclosure> <itunes:image>
Use HTTPS as thumbnail URLs
Off
Powered by Feedwind Upgrade
On
How to add a custom branding logo? Watch video
Advanced settings
Open links
New window Same window Within widget Disable link
Right-to-left text
Off
Remove duplicate feed items
Off
Keyword filters Upgrade
Include
Exclude
Corner
Square Rounded
Border
On
Custom CSS Upgrade
External link Direct input
How to host CSS on Dropbox? Watch video
#fw-container /* Main container */ { } header /* Header */ { } .fw-feed-title /*
Feed title & link */ { } .fw-feed-title a:link /* Color */ { }
#fw-feed-items-scroll-area { } #fw-feed-items { } .fw-feed-item /* Item
container */ { } .fw-feed-item-url /* Item URL link */ { }
.fw-feed-item-image-module /* Thumbnail module */ { } .fw-feed-item-image /*
Thumbnail */ { } .fw-feed-item-content-module /* Contents module */ { }
.fw-feed-item-title /* Item title */ { } .fw-feed-item-description /* Item
description */ { } .fw-feed-item-more-link /* Read more link */ { }
.fw-feed-item-date /* Item date/time */ { } .fw-feed-item-link /* Original
content link */ { } .fw-feed-item-social-icons /* Social icon container */ { }
.fw-feed-item-social-icons .fa-facebook-square /* Facebook icon */ { }
.fw-feed-item-social-icons .fa-twitter-square /* Twitter icon */ { }
.fw-feed-item-social-icons .fa-linkedin-square /* Linkedin icon */ { }
.fw-branding /* FeedWind branding */ { }
Preloader text
Custom URL parameter Upgrade
e.g. ?utm_source=FeedWind&utm_medium=referral&utm_campaign=top
FEED TITLE
Display
On
Main title
Main title link
Header color
Advanced settings
Font size
-+
px
Bold
Off
Colors
Background color
Font color
Font style
Default browser font Arial, Helvetica, sans-serif Courier New, Courier, mono
Geneva, Arial, sans-serif Times New Roman, serif Trebuchet MS, Verdana, Arial
Verdana, Arial, sans-serif ▼▼ Google fonts ▼▼ Abel, sans-serif Abril Fatface,
display Acme, sans-serif Amatic SC, handwriting Amiri, serif Anton, sans-serif
Archivo Narrow, sans-serif Arimo, sans-serif Arvo, serif Asap, sans-serif
Barlow, sans-serif Barlow Condensed, sans-serif Bitter, serif Bree Serif, serif
Cabin, sans-serif Cairo, sans-serif Catamaran, sans-serif Cinzel, serif
Comfortaa, display Cormorant Garamond, serif Crimson Text, serif Dancing Script,
handwriting Domine, serif Dosis, sans-serif EB Garamond, serif Exo, sans-serif
Exo 2, sans-serif Fira Sans, sans-serif Fira Sans Condensed, sans-serif Fjalla
One, sans-serif Fredoka One, display Heebo, sans-serif Hind, sans-serif Hind
Madurai, sans-serif Hind Siliguri, sans-serif IBM Plex Sans, sans-serif IBM Plex
Serif, serif Inconsolata, monospace Indie Flower, handwriting Josefin Sans,
sans-serif Kanit, sans-serif Karla, sans-serif Lato, sans-serif Libre
Baskerville, serif Libre Franklin, sans-serif Lobster, display Lora, serif
Martel, serif Maven Pro, sans-serif Merriweather, serif Merriweather Sans,
sans-serif Montserrat, sans-serif Mukta, sans-serif Muli, sans-serif Nanum
Gothic, sans-serif Noto Sans, sans-serif Noto Sans JP, sans-serif Noto Sans KR,
sans-serif Noto Sans SC, sans-serif Noto Sans TC, sans-serif Noto Serif, serif
Nunito, sans-serif Nunito Sans, sans-serif Open Sans, sans-serif Open Sans
Condensed, sans-serif Oswald, sans-serif Overpass, sans-serif Oxygen, sans-serif
PT Sans, sans-serif PT Sans Caption, sans-serif PT Sans Narrow, sans-serif PT
Serif, serif Pacifico, handwriting Play, sans-serif Playfair Display, serif
Poppins, sans-serif Prompt, sans-serif Questrial, sans-serif Quicksand,
sans-serif Rajdhani, sans-serif Raleway, sans-serif Righteous, display Roboto,
sans-serif Roboto Condensed, sans-serif Roboto Mono, monospace Roboto Slab,
serif Rubik, sans-serif Russo One, sans-serif Shadows Into Light, handwriting
Signika, sans-serif Slabo 27px, serif Source Code Pro, monospace Source Sans
Pro, sans-serif Source Serif Pro, serif Teko, sans-serif Titillium Web,
sans-serif Ubuntu, sans-serif Varela Round, sans-serif Work Sans, sans-serif
Yanone Kaffeesatz, sans-serif Zilla Slab, serif
Text alignment
Background image
Background image size
Auto Cover Contain
How to add background image? Watch video
FEED CONTENT
Display Upgrade
-+
posts
Display content
Title
Content
Content source
Author name
Read more
More posts
Content source
Font size & Color
-+
px
Author name
Font size & Color
-+
px
Bold
Off
Read more
More posts
Add custom link
Font size & Color
-+
px
Background
Maximum number of characters
Title
-+
Content
-+
Size
Item title
-+
px
Bold
Off
Content
-+
px
Colors
Title font
Content font
Background
Advanced settings
Font style
Default browser font Arial, Helvetica, sans-serif Courier New, Courier, mono
Geneva, Arial, sans-serif Times New Roman, serif Trebuchet MS, Verdana, Arial
Verdana, Arial, sans-serif ▼▼ Google fonts ▼▼ Abel, sans-serif Abril Fatface,
display Acme, sans-serif Amatic SC, handwriting Amiri, serif Anton, sans-serif
Archivo Narrow, sans-serif Arimo, sans-serif Arvo, serif Asap, sans-serif
Barlow, sans-serif Barlow Condensed, sans-serif Bitter, serif Bree Serif, serif
Cabin, sans-serif Cairo, sans-serif Catamaran, sans-serif Cinzel, serif
Comfortaa, display Cormorant Garamond, serif Crimson Text, serif Dancing Script,
handwriting Domine, serif Dosis, sans-serif EB Garamond, serif Exo, sans-serif
Exo 2, sans-serif Fira Sans, sans-serif Fira Sans Condensed, sans-serif Fjalla
One, sans-serif Fredoka One, display Heebo, sans-serif Hind, sans-serif Hind
Madurai, sans-serif Hind Siliguri, sans-serif IBM Plex Sans, sans-serif IBM Plex
Serif, serif Inconsolata, monospace Indie Flower, handwriting Josefin Sans,
sans-serif Kanit, sans-serif Karla, sans-serif Lato, sans-serif Libre
Baskerville, serif Libre Franklin, sans-serif Lobster, display Lora, serif
Martel, serif Maven Pro, sans-serif Merriweather, serif Merriweather Sans,
sans-serif Montserrat, sans-serif Mukta, sans-serif Muli, sans-serif Nanum
Gothic, sans-serif Noto Sans, sans-serif Noto Sans JP, sans-serif Noto Sans KR,
sans-serif Noto Sans SC, sans-serif Noto Sans TC, sans-serif Noto Serif, serif
Nunito, sans-serif Nunito Sans, sans-serif Open Sans, sans-serif Open Sans
Condensed, sans-serif Oswald, sans-serif Overpass, sans-serif Oxygen, sans-serif
PT Sans, sans-serif PT Sans Caption, sans-serif PT Sans Narrow, sans-serif PT
Serif, serif Pacifico, handwriting Play, sans-serif Playfair Display, serif
Poppins, sans-serif Prompt, sans-serif Questrial, sans-serif Quicksand,
sans-serif Rajdhani, sans-serif Raleway, sans-serif Righteous, display Roboto,
sans-serif Roboto Condensed, sans-serif Roboto Mono, monospace Roboto Slab,
serif Rubik, sans-serif Russo One, sans-serif Shadows Into Light, handwriting
Signika, sans-serif Slabo 27px, serif Source Code Pro, monospace Source Sans
Pro, sans-serif Source Serif Pro, serif Teko, sans-serif Titillium Web,
sans-serif Ubuntu, sans-serif Varela Round, sans-serif Work Sans, sans-serif
Yanone Kaffeesatz, sans-serif Zilla Slab, serif
Text alignment
Background image
Background image size
Auto Cover Contain
How to add background image? Watch video
Sort order
On
Newest Oldest Random
Separation line
On
Time/Date
On
Font size & Color
-+
px
Time format
12-Hours 24-Hours
Date format
Month DD, YYYY DD.MM.YYYY
Date language
English German French Dutch
Custom format
Off
Timezone
Off
Not Set (GMT-11:00) Midway (GMT-11:00) Niue (GMT-11:00) Pago Pago (GMT-10:00)
Hawaii Time (GMT-09:00 DST / GMT-10:00) Johnston (GMT-10:00) Rarotonga
(GMT-10:00) Tahiti (GMT-09:30) Marquesas (GMT-08:00 DST / GMT-09:00) Alaska Time
(GMT-09:00) Gambier (GMT-07:00 DST / GMT-08:00) Pacific Time (GMT-07:00 DST /
GMT-08:00) Pacific Time - Tijuana (GMT-07:00 DST / GMT-08:00) Pacific Time -
Vancouver (GMT-07:00 DST / GMT-08:00) Pacific Time - Whitehorse (GMT-08:00)
Pitcairn (GMT-07:00) Mountain Time - Dawson Creek (GMT-06:00 DST / GMT-07:00)
Mountain Time (GMT-06:00 DST / GMT-07:00) Mountain Time - Edmonton (GMT-07:00)
Mountain Time - Hermosillo (GMT-06:00 DST / GMT-07:00) Mountain Time -
Chihuahua, Mazatlan (GMT-07:00) Mountain Time - Arizona (GMT-06:00 DST /
GMT-07:00) Mountain Time - Yellowknife (GMT-06:00) Belize (GMT-05:00 DST /
GMT-06:00) Central Time (GMT-06:00) Costa Rica (GMT-06:00) El Salvador
(GMT-06:00) Guatemala (GMT-06:00) Managua (GMT-05:00 DST / GMT-06:00 ) Central
Time - Mexico City (GMT-06:00) Central Time - Regina (GMT-06:00) Central Time -
Tegucigalpa (GMT-05:00 DST / GMT-06:00) Central Time - Winnipeg (GMT-05:00 DST /
GMT-06:00) Easter Island (GMT-06:00) Galapagos (GMT-05:00) Bogota (GMT-05:00)
Cayman (GMT-04:00 DST / GMT-05:00) Grand Turk (GMT-05:00) Guayaquil (GMT-04:00
DST / GMT-05:00) Havana (GMT-04:00 DST / GMT-05:00) Eastern Time - Iqaluit
(GMT-05:00) Jamaica (GMT-05:00) Lima (GMT-04:00 DST / GMT-05:00) Eastern Time -
Montreal (GMT-04:00 DST / GMT-05:00) Nassau (GMT-04:00 DST / GMT-05:00) Eastern
Time (GMT-05:00) Panama (GMT-04:00 DST / GMT-05:00) Port-au-Prince (GMT-04:00
DST / GMT-05:00) Eastern Time - Toronto (GMT-04:30) Caracas (GMT-04:00) Anguilla
(GMT-04:00) Antigua (GMT-04:00) Aruba (GMT-03:00 DST / GMT-04:00) Asuncion
(GMT-04:00) Barbados (GMT-04:00) Boa Vista (GMT-05:00 DST / GMT-04:00) Campo
Grande (GMT-03:00 DST / GMT-04:00) Cuiaba (GMT-04:00) Curacao (GMT-04:00)
Dominica (GMT-04:00) Grenada (GMT-04:00) Guadeloupe (GMT-04:00) Guyana
(GMT-03:00 DST / GMT-04:00) Atlantic Time - Halifax (GMT-04:00) La Paz
(GMT-04:00) Manaus (GMT-04:00) Martinique (GMT-04:00) Montserrat (GMT-04:00)
Port of Spain (GMT-04:00) Porto Velho (GMT-04:00) Puerto Rico (GMT-04:00) Rio
Branco (GMT-03:00 DST / GMT-04:00) Santiago (GMT-04:00) Santo Domingo
(GMT-04:00) St. Kitts (GMT-04:00) St. Lucia (GMT-03:00 DST / GMT-04:00) St.
Thomas (GMT-03:00 DST / GMT-04:00) St. Vincent (GMT-04:00) Thule (GMT-04:00)
Tortola (GMT-03:00 DST / GMT-04:00) Palmer (GMT-03:00 DST / GMT-04:00) Bermuda
(GMT-02:00 DST / GMT-03:30) Newfoundland Time - St. Johns (GMT-03:00) Araguaina
(GMT-03:00) Buenos Aires (GMT-03:00) Salvador (GMT-03:00) Belem (GMT-03:00)
Cayenne (GMT-03:00) Fortaleza (GMT-02:00 DST / GMT-03:00) Godthab (GMT-03:00)
Maceio (GMT-02:00 DST / GMT-03:00) Miquelon (GMT-03:00) Montevideo (GMT-03:00)
Paramaribo (GMT-03:00) Recife (GMT-04:00 DST / GMT-03:00) Sao Paulo (GMT-03:00)
Rothera (GMT-03:00) Stanley (GMT-02:00) Noronha (GMT-02:00) South Georgia
(GMT+00:00 DST / GMT-01:00) Scoresbysund (GMT+00:00 DST / GMT-01:00) Azores
(GMT-01:00) Cape Verde (GMT+00:00) Abidjan (GMT+00:00) Accra (GMT+00:00) Bamako
(GMT+00:00) Banjul (GMT+00:00) Bissau (GMT-01:00 DST / GMT+00:00) Casablanca
(GMT+00:00) Conakry (GMT+00:00) Dakar (GMT-01:00 DST / GMT+00:00) El Aaiun
(GMT+00:00) Freetown (GMT+00:00) Lome (GMT+00:00) Monrovia (GMT+00:00)
Nouakchott (GMT+00:00) Ouagadougou (GMT-01:00 DST / GMT+00:00) Sao Tome
(GMT+00:00) Danmarkshavn (GMT+01:00 DST / GMT+00:00) Canary Islands (GMT+01:00
DST / GMT+00:00) Faroe (GMT+00:00) Reykjavik (GMT+00:00) St Helena (GMT+00:00)
GMT (no daylight saving) (GMT+01:00 DST / GMT+00:00) Dublin (GMT+01:00 DST /
GMT+00:00) Lisbon (GMT+01:00 DST / GMT+00:00) London (GMT+01:00) Algiers
(GMT+01:00) Bangui (GMT+01:00) Brazzaville (GMT+01:00 DST / GMT+01:00) Ceuta
(GMT+01:00) Douala (GMT+01:00) Kinshasa (GMT+01:00) Lagos (GMT+01:00) Libreville
(GMT+01:00) Luanda (GMT+01:00) Malabo (GMT+01:00) Ndjamena (GMT+01:00) Niamey
(GMT+01:00) Porto-Novo (GMT+01:00) Tripoli (GMT+01:00) Tunis (GMT+01:00)
Windhoek (GMT+02:00 DST / GMT+01:00) Amsterdam (GMT+02:00 DST / GMT+01:00)
Andorra (GMT+02:00 DST / GMT+01:00) Central European Time - Belgrade (GMT+02:00
DST / GMT+01:00) Berlin (GMT+02:00 DST / GMT+01:00) Brussels (GMT+02:00 DST /
GMT+01:00) Budapest (GMT+02:00 DST / GMT+01:00) Copenhagen (GMT+02:00 DST /
GMT+01:00) Gibraltar (GMT+02:00 DST / GMT+01:00) Luxembourg (GMT+02:00 DST /
GMT+01:00) Madrid (GMT+02:00 DST / GMT+01:00) Malta (GMT+02:00 DST / GMT+01:00)
Monaco (GMT+02:00 DST / GMT+01:00) Oslo (GMT+02:00 DST / GMT+01:00) Paris
(GMT+02:00 DST / GMT+01:00) Central European Time - Prague (GMT+02:00 DST /
GMT+01:00) Rome (GMT+02:00 DST / GMT+01:00) Stockholm (GMT+02:00 DST /
GMT+01:00) Tirane (GMT+02:00 DST / GMT+01:00) Vaduz (GMT+02:00 DST / GMT+01:00)
Vienna (GMT+02:00 DST / GMT+01:00) Warsaw (GMT+02:00 DST / GMT+01:00) Zurich
(GMT+02:00) Blantyre (GMT+02:00) Bujumbura (GMT+02:00) Cairo (GMT+02:00)
Gaborone (GMT+02:00) Harare (GMT+02:00) Johannesburg (GMT+02:00) Kigali
(GMT+02:00) Lubumbashi (GMT+02:00) Lusaka (GMT+02:00) Maputo (GMT+02:00) Maseru
(GMT+02:00) Mbabane (GMT+03:00 DST / GMT+02:00) Amman (GMT+03:00 DST /
GMT+02:00) Beirut (GMT+03:00 DST / GMT+02:00) Damascus (GMT+03:00 DST /
GMT+02:00) Gaza (GMT+03:00 DST / GMT+02:00) Jerusalem (GMT+03:00 DST /
GMT+02:00) Nicosia (GMT+03:00 DST / GMT+02:00) Athens (GMT+03:00 DST /
GMT+02:00) Bucharest (GMT+03:00 DST / GMT+02:00) Chisinau (GMT+03:00 DST /
GMT+02:00) Helsinki (GMT+02:00) Istanbul (GMT+03:00 DST / GMT+02:00) Kiev
(GMT+03:00 DST / GMT+02:00) Riga (GMT+03:00 DST / GMT+02:00) Sofia (GMT+03:00
DST / GMT+02:00) Tallinn (GMT+03:00 DST / GMT+02:00) Vilnius (GMT+03:00) Addis
Ababa (GMT+03:00) Asmera (GMT+03:00) Dar es Salaam (GMT+03:00) Djibouti
(GMT+03:00) Kampala (GMT+03:00) Khartoum (GMT+03:00) Mogadishu (GMT+03:00)
Nairobi (GMT+03:00) Syowa (GMT+03:00) Aden (GMT+03:00) Baghdad (GMT+03:00)
Bahrain (GMT+03:00) Kuwait (GMT+03:00) Qatar (GMT+03:00) Riyadh (GMT+03:00)
Moscow-01 - Kaliningrad (GMT+03:00) Minsk (GMT+03:00) Antananarivo (GMT+03:00)
Comoro (GMT+03:00) Mayotte (GMT+04:30 DST / GMT+03:30) Tehran (GMT+04:00) Baku
(GMT+04:00) Dubai (GMT+04:00) Muscat (GMT+04:00) Tbilisi (GMT+04:00) Yerevan
(GMT+04:00) Moscow+00 (GMT+04:00) Moscow+00 - Samara (GMT+04:00) Mahe
(GMT+04:00) Mauritius (GMT+04:00) Reunion (GMT+04:30) Kabul (GMT+05:00) Mawson
(GMT+05:00) Aqtau (GMT+05:00) Aqtobe (GMT+05:00) Ashgabat (GMT+05:00) Dushanbe
(GMT+05:00) Karachi (GMT+05:00) Tashkent (GMT+05:00) Kerguelen (GMT+05:00)
Maldives (GMT+05:30) India Standard Time (GMT+05:30) Colombo (GMT+05:45)
Katmandu (GMT+06:00) Vostok (GMT+06:00) Almaty (GMT+06:00) Bishkek (GMT+06:00)
Dhaka (GMT+06:00) Thimphu (GMT+06:00) Moscow+02 - Yekaterinburg (GMT+06:00)
Chagos (GMT+06:30) Rangoon (GMT+06:30) Cocos (GMT+07:00) Davis (GMT+07:00)
Bangkok (GMT+07:00) Hovd (GMT+07:00) Jakarta (GMT+07:00) Moscow+03 - Omsk,
Novosibirsk (GMT+07:00) Phnom Penh (GMT+07:00) Hanoi (GMT+07:00) Vientiane
(GMT+07:00) Christmas (GMT+05:00 DST / GMT+08:00) Casey (GMT+08:00) Brunei
(GMT+08:00) Choibalsan (GMT+08:00) Hong Kong (GMT+08:00) Moscow+04 - Krasnoyarsk
(GMT+08:00) Kuala Lumpur (GMT+08:00) Macau (GMT+08:00) Makassar (GMT+08:00)
Manila (GMT+08:00) China Time - Beijing (GMT+08:00) Singapore (GMT+08:00) Taipei
(GMT+08:00) Ulaanbaatar (GMT+08:00) Western Time - Perth (GMT+09:00) Dili
(GMT+09:00) Moscow+05 - Irkutsk (GMT+09:00) Jayapura (GMT+09:00) Pyongyang
(GMT+09:00) Seoul (GMT+09:00) Tokyo (GMT+09:00) Palau (GMT+10:30 DST /
GMT+09:30) Central Time - Adelaide (GMT+09:30) Central Time - Darwin (GMT+10:00)
Dumont D'Urville (GMT+10:00) Moscow+06 - Yakutsk (GMT+10:00) Eastern Time -
Brisbane (GMT+11:00 DST / GMT+10:00) Eastern Time - Hobart (GMT+11:00 DST /
GMT+10:00) Eastern Time - Melbourne, Sydney (GMT+10:00) Guam (GMT+10:00) Port
Moresby (GMT+10:00) Saipan (GMT+10:00) Truk (GMT+11:00) Moscow+07 -
Yuzhno-Sakhalinsk (GMT+11:00) Efate (GMT+11:00) Guadalcanal (GMT+11:00) Kosrae
(GMT+11:00) Noumea (GMT+11:00) Ponape (GMT+11:30) Norfolk (GMT+12:00) Moscow+08
- Petropavlovsk-Kamchatskiy (GMT+12:00) Moscow+08 - Magadan (GMT+13:00 DST /
GMT+12:00) Auckland (GMT+13:00 DST / GMT+12:00) Fiji (GMT+12:00) Funafuti
(GMT+12:00) Kwajalein (GMT+12:00) Majuro (GMT+12:00) Nauru (GMT+12:00) Tarawa
(GMT+12:00) Wake (GMT+12:00) Wallis (GMT+14:00 DST / GMT+13:00) Apia (GMT+13:00)
Enderbury (GMT+13:00) Fakaofo (GMT+13:00) Tongatapu (GMT+14:00) Kiritimati
Display time zone abbreviation
Off
Social share
Off
Facebook
ON
Twitter
ON
Linkedin
ON
Icon size
-+
px
Podcast/YouTube
On
Display podcast icon Display YouTube player
Title link uses podcast link
On
Display audio player
On
Custom tag
Off
Font size & Color
-+
px
Background
Oops! Something went wrong.
Versatile and feature-rich
CREATE AN RSS, FACEBOOK PAGE, GOOGLE CALENDAR, YOUTUBE OR TWITTER WIDGET.
EACH WIDGET IS OFFERING A BROAD RANGE OF STYLING POSSIBILITIES AND UNIQUE SETUP
OPTIONS.
RSS
Create RSS Widget
FACEBOOK PAGE
Create Facebook Widget
GOOGLE CALENDAR
Create Google Calendar Widget
TWITTER
Create Twitter Widget
INSTAGRAM
Create Instagram Widget
YOUTUBE
Create YouTube Widget
1.
2.
3.
4.
5.
6.
EASY SETUP
With a simple intuitive interface, you can create an RSS feed widget in just a
few minutes.
EASY SETUP
With a simple intuitive interface, you can create an YouTube widget in just a
few minutes.
EASY SETUP
With a simple intuitive interface, you can create an Instagram widget in just a
few minutes.
EASY SETUP
With a simple intuitive interface, you can create an Facebook page widget in
just a few minutes.
EASY SETUP
With a simple intuitive interface, you can create an Google Calendar widget in
just a few minutes.
EASY SETUP
With a simple intuitive interface, you can create an Twitter widget in just a
few minutes.
STYLE OPTIONS
Choose from text-only, thumbnail, or full HTML styles to match your design
needs.
STYLE OPTIONS
Choose from thumbnail, or card styles to match your design needs.
STYLE OPTIONS
Choose from text-only, thumbnail, or large image styles to match your design
needs.
STYLE OPTIONS
Choose from thumbnail or large image styles to match your design needs.
CARD STYLE
Display images and videos in card style design.
CONTENT FILTERING (ONLY FOR PAID USERS)
Using keyword filters, you can provide more focused feed items in your widget.
TIMEZONES
Wherever you are located, you can set the timezone to display the correct local
time.
COMBINED NEWSFEEDS
Combine up to 20 public Facebook page newsfeeds into a single widget.
DATE RANGE
Select a date range to apply a specific period for events to appear in your
calendar feed.
MULTI-PLATFORM SUPPORT
Support for WordPress, Weebly, Wix, SquareSpace and many other website
platforms.
FEED FILTERING (ONLY FOR PAID USERS)
Use our keyword filters to refine your feed and focus on specific events from
your calendar.
DISPLAYING TIMELINE
Wherever you are located, you can set the timezone to display the correct local
time.
DISPLAY POSTS
Display Instagram photos and videos on your website in a variety of different
ways.
DATE/TIME FORMATS
Display dates and times in the right timezone and display custom date/time
formats.
FILTER CONTENT (ONLY FOR PAID USERS)
With keyword filters, you can deliver more focused information in your feeds.
CSS CUSTOMIZATION (ONLY FOR PAID USERS)
Utilizing a custom CSS to style your widget, you can match any website design.
FULLY RESPONSIVE
The responsive layout fits seamlessly into your website and viewable on any
device.
FEED AGGREGATION
Display up to 20 feed URLs in a single widget using our feed aggregation option.
MULTIPLE CALENDARS
Display up to 20 calendars in a single widget using the feed aggregation
feature.
BRAND YOUR WIDGET
Add background images to your widget to add branding and/or match your site
design.
SCROLL FEATURES
Choose horizontal or vertical scroll, show/hide scrollbars, select movie or
stepped autoscroll.
Our pricing plans
YOU CAN TRY FEEDWIND FOR 14 DAYS FOR FREE.
START BUILDING RSS, GOOGLE CALENDAR, FACEBOOK, INSTAGRAM, YOUTUBE OR TWITTER
WIDGETS FOR YOUR WEBSITE.
Yearly Monthly
Basic
$ 0.75 / month
$9 Billed Annually
Try free for 14 days
* 1 Widgets
* 1 Feeds per Widget
* 10 Posts(Events) per widget
* 5 hour update
* Display FeedWind branding
*
*
*
BEST VALUE
Pro
$ 7.42 / month
$89 Billed Annually
Try free for 14 days
* 15 Widgets
* 20 Feeds per Widget [1]
* 25 Posts(Events) per widget
* 15 minute update
* No FeedWind branding
* Keyword Filtering
* Custom CSS
* Custom URL parameter
Plus
$ 14.92 / month
$179 Billed Annually
Try free for 14 days
* 50 Widgets
* 20 Feeds per Widget [1]
* 200 Posts(Events) per widget
* 5 minute update
* No FeedWind branding
* Keyword Filtering
* Custom CSS
* Custom URL parameter
Basic
$ 1 / month
Save 0.25 USD every month on Yearly plan.
Try free for 14 days
* 1 Widgets
* 1 Feeds per Widget
* 10 Posts(Events) per widget
* 5 hour update
* Display FeedWind branding
*
*
*
BEST VALUE
Pro
$ 9 / month
Save 1.58 USD every month on Yearly plan.
Try free for 14 days
* 15 Widgets
* 20 Feeds per Widget [1]
* 25 Posts(Events) per widget
* 15 minute update
* No FeedWind branding
* Keyword Filtering
* Custom CSS
* Custom URL parameter
Plus
$ 18 / month
Save 3.08 USD every month on Yearly plan.
Try free for 14 days
* 50 Widgets
* 20 Feeds per Widget [1]
* 200 Posts(Events) per widget
* 5 minute update
* No FeedWind branding
* Keyword Filtering
* Custom CSS
* Custom URL parameter
[1] You can display only 1 Twitter account on a Twitter widget.
×
CHANGE PLAN
Yes Cancel
Display your widget almost anywhere!
*
*
*
*
*
*
*
*
*
*
Ease of use and versatility are what FeedWind provides my web page, allowing me
to project my unique style with their support.
Sherrie M Holloway / Elkton Middle School, Rockingham, US
Been using FeedWind for over 2 years. Easy to setup and embed. When I had an
issue the developers were quick to respond and resolve the problem!
Tom Liscum / Web Developer
FeedWind is convenience at its best. We’re able to reduce the time it takes to
build widgets for our clients by ten-fold. What could take up to a month to
turn-around a solution, now takes minutes. Plus,the flexibility to instantly
tweak is a bonus, enabling us to promptly respond to our clients' last-minute
wants. Oh yeah, it's so easy, it's fun!
Brian Ferreira / President, Infotv Inc
Easy to use, highly professional, very helpful support, using it through our
whole website to deliver content where needed and make a better user experience.
Absolutely recommended!
Ryan Leclercq / Founder & Owner, FXTradingRevolution.com
If design coherence is as important for you as it is for us and our clients then
nothing beats FeedWind when it comes to embedding Facebook feeds to websites!
Saku Mikkola / Creative Director, Aptual Oy
At SOAS, University of London we have embedded Feedwind into our Moodle courses
to draw the latest articles and jobs directly into our courses thus helping to
keep courses fresh, dynamic and eye catching.
Sultan Wadud / E-Learning Officer, University of London
FeedWind's embeddable widget is awesome! No joke. Teachers are always looking
for a visually-pleasing way to embed news, social media and blog feeds in their
Haiku Learning classes. FeedWind makes it easy,fast and free!
Emily Jeanes / Sales Engineer, Haiku Learning
Ease of use and versatility are what FeedWind provides my web page, allowing me
to project my unique style with their support.
Sherrie M Holloway / Elkton Middle School, Rockingham, US
Been using FeedWind for over 2 years. Easy to setup and embed. When I had an
issue the developers were quick to respond and resolve the problem!
Tom Liscum / Web Developer
FeedWind is convenience at its best. We’re able to reduce the time it takes to
build widgets for our clients by ten-fold. What could take up to a month to
turn-around a solution, now takes minutes. Plus,the flexibility to instantly
tweak is a bonus, enabling us to promptly respond to our clients' last-minute
wants. Oh yeah, it's so easy, it's fun!
Brian Ferreira / President, Infotv Inc
Easy to use, highly professional, very helpful support, using it through our
whole website to deliver content where needed and make a better user experience.
Absolutely recommended!
Ryan Leclercq / Founder & Owner, FXTradingRevolution.com
If design coherence is as important for you as it is for us and our clients then
nothing beats FeedWind when it comes to embedding Facebook feeds to websites!
Saku Mikkola / Creative Director, Aptual Oy
At SOAS, University of London we have embedded Feedwind into our Moodle courses
to draw the latest articles and jobs directly into our courses thus helping to
keep courses fresh, dynamic and eye catching.
Sultan Wadud / E-Learning Officer, University of London
FeedWind's embeddable widget is awesome! No joke. Teachers are always looking
for a visually-pleasing way to embed news, social media and blog feeds in their
Haiku Learning classes. FeedWind makes it easy,fast and free!
Emily Jeanes / Sales Engineer, Haiku Learning
Ease of use and versatility are what FeedWind provides my web page, allowing me
to project my unique style with their support.
Sherrie M Holloway / Elkton Middle School, Rockingham, US
prev
next
FEEDWIND
* 日本語
* Deutsch
* FAQ
* Support
* Features
* Examples
WIDGETS
* RSS
* Facebook
* Google Calendar
* Twitter
* Instagram
* YouTube
COMPANY
* About us
* Feedback
RELATED LINK
* Mansion Community
* e-kodate
CONNECT
© 2022 FeedWind - Terms - Privacy
Service outage of Twitter widgets
Read more