Full Width Responsive News/Blog Modules
Image Alt Text
December 29th 2015

Vanishing Island

The Island of Staffa - normally located off the West coast of Scotand - disappeared last night …

Image Alt Text
January 21st 2016

Lady MacLean Drowned

The wife of the chief of the Clan MacLean was found tied to the Lady Rock and drowned near Duart Castle.
Locals say she was suspected of witchcraft and was put to the ultimate test by her peers.
Efforts to stamp out witchcraft have been increased in this area recently …

April 2nd 2016

Headless Horseman

The ghost of the Headless Horseman was spotted again last night by a group of retired bankers from London.
These stout gentlemen were taking a late night stroll on Rannoch Moor when the apparition appeared …

Full Width News Modules Widget

Blog or News

These modules are designed to be used for blog or news excerpts. Several can be used on a page and they are easily dragged down to make way for newer items above.
Each module has an image with a caption/date overlay which can be positioned top, bottom, left or right.
There's an HTML heading, text and a CTA button link to get visitors to the full blog post of news item page.

Full Width News Blog Modules Widget

Styles

Enter the font family name, check the box if it is Google hosted, choose a suitable web safe fallback font and set the font color.
Set the container background color and its opacity.
Set the border width, color and corner radius if required.
To add a box shadow, set its color and radius.
Set the container top/bottom and left/right padding.

Set the heading font size.
Set the text font size, text align and line height.

Style the image date/caption for text color and background color and its opacity. Choose the position of the caption/date inside the image.

Set the CTA button text and background color and the background opacity.
Set the text hover color and the button corner radius.

Scroll Options

The widget can be fixed in position by selecting it and checking the "Fixed position" box in the Metrics inspector if it is being used with a slide over layer.
The modules can also be made to fade on scroll by checking the box and setting the scroll distance.

This widget is included in the Full Width widget pack.

Widget Settings

Check the "Full width" box in the Metrics inspector and set the module container maximum width.
Set the module's minimum height and their width. Note that this width should not be more than one third of the page content width.
For each module, choose the image, enter alt text and the date or caption, the HTML heading and the text. Use <br> for line breaks.
Check the box if the CTA button links are required and enter the link text and select the "Link to:" page for each.

Full Width News Blog Modules Widget
Full Width News Blog Modules Widget

EverWeb Widgets | Full Width