EverWeb Widgets

ThemeKit Sale Tag

Wrangler Night Eagle

$48500$47999

The optional sale tag at the top left has controls for font size and color and for the background color and its opacity.
The text section has a heading, optional span with strike line, span with font size and color options, text and an optional internal link.
Strike Line
The line through the regular price can be inserted using the CSS "text-decoration" selector with the value of "line-through".
A more professional "strike out" can be inserted using a CSS ::before pseudo element to create the line, position it and rotate it to a suitable angle.
In this case the line has controls for its height. color and angle. The longer the text - the less the angle of the strike line.
Set the angle to zero will give the appeareance of a regular "line-through" with the option of adjusting the thickness and color of the line.

Sale Grid

ThemeKit Sale Tab

Slide In Tab

The widget has an image with optional border and an alt text attribute inserted in a <figure> element. The tab is in the <figcaption> element and can be positioned on the left edge at the top center or bottom.
The tab also has a slider control that adds a top/bottom percentage margin to adjust its position. In this example the tab is positioned at the top and then moved down by applying a value of 10% to the top/bottom margin.
The tab can be hidden when viewed on computers and slide out on hover.
Text
The text section is an <article> with a heading, optional span, text and an optional internal link. They can be styled as standard links, CTA links with a solid background or CTA links with a border.

Lightbox Grid