The Feed Widget allows you to display a stream of news articles or posts in a structured format.
Presets
There are multiple presets available for the Feed widget to fit different layouts and your aesthetic preferences.
Default Style – A clean and balanced layout that displays posts in a minimalistic format.
Preset 1 – A dark-themed design with high contrast.
Preset 2 – A simple and elegant style with soft colors.
Preset 3 – A newspaper-like layout with large, high-contrast headlines in a deep blue color.
Preset 4 – A bold blue-accented design with strong typography.
Customize Settings
Customization options allow you to tailor the widget to fit your needs. These settings can be adjusted for desktop, tablet, and mobile views.
1. General Settings
Number of Posts - Set how many posts should appear in the widget at a time.
Padding - Adjust the spacing between posts for better readability and design alignment.
Max Width - Define the maximum width of the widget in pixels to control its overall size.
Font Family - Select a font that matches your site’s design and branding.
Background Color - Choose a background color using a hex code (#) to match your site's theme.
Open Links - Choose how links open: in a new window, the same window, or a popup.
UTM Tags - UTM parameters help track traffic sources. If enabled, you can set:
UTM Source
UTM Medium
UTM Campaign
UTM Content
UTM Term
Custom CSS Section - Add custom CSS to apply specific design modifications beyond built-in settings. This allows for advanced styling and customization.
No Follow Links - Enable or disable "no follow" attributes for links to control search engine indexing behavior.
2. Card Settings
These expandable sections allow you to fine-tune how individual card elements appear in your Feed widget.
Title
Enable - Toggle the display of titles in posts.
Font Size - Adjust the title font size using the plus (+) and minus (-) buttons.
Font Height - Customize the line height of the title for better readability.
Color - Choose a custom color for the title text using a hex code.
Bold Font - Enable or disable bold styling for the title.
Italic Font - Enable or disable italic styling for the title.
Align - Set text alignment (left, center, right).
Clip After X Lines - Limit the number of lines displayed in the title before truncating.
Description
Enable - Toggle the display of descriptions in posts.
Font Size - Adjust the description font size using the plus (+) and minus (-) buttons.
Font Height - Customize the description height of the title for better readability.
Color - Choose a custom color for the description text using a hex code.
Bold Font - Enable or disable bold styling for the description.
Italic Font - Enable or disable italic styling for the description.
Align - Set text alignment (left, center, right).
Clip After X Lines - Limit the number of lines displayed in the description before truncating.
Hover
Clickable Card - Enable or disable whether the entire card is clickable.
Enable Shadow - Add a shadow effect to the card.
Enable Background - Toggle background visibility on hover.
Image
Show Image - Enable or disable the display of images in posts.
Clickable Image - Set whether images should act as links.
Radius - Adjust how rounded the edges of article cards should be.
Lazy Loading - Enable to load images only when they come into view.
Social Sharing
Active - Enable or disable social sharing buttons on each card.
Round Icons - Choose between round or square social media icons.
Select Social Networks - Choose which social media platforms to include in the sharing options.
Border
Enable - Toggle border visibility.
Color - Choose a border color using a hex code.
Footer
Show Footer - Enable or disable the footer section.
Show Author - Toggle author visibility in the footer.
Date Format - Choose how the date is displayed (e.g., "Time Ago").
Footer Color - Customize the footer background color.
Background Color - Set the footer background color using a hex code.
3. Title Settings
These settings allow you to control how the title of your feed (e.g. The New York Times - Breaking News, US News, World News and Videos) appears in your widget.
Show Title - Toggle this option to enable or disable the display of the feed title in your widget.
Font Size - Adjust the font size of the title using the plus (+) and minus (-) buttons.
Color - Choose a custom color for the title text using a hex code.
Background Color - Set the title background color using a hex code.
Border Color - Choose a custom color for the title border using a hex code.
Mobile and Tablet Settings
At the top of the screen, you’ll find different icons that allow you to switch between Desktop, Tablet, and Mobile views. By clicking the settings icon, you can also configure breakpoints in pixels for different devices.
In the left bar, you can switch to Mobile to adjust settings specific to each device type. Make sure to toggle the Enable general settings for mobile first.
Presets within Customize
Choose from predefined styles in the Presets dropdown menu.
Click Save as New to create and store a preset with your custom settings.
Don't forget to save your settings! The widget will update automatically after you save your changes.
If you want to see the News Wall widget on your website, read our How to Use and Embed Widgets guide.