Media Box Widget

The Media Box widget is a simple and elegant combination of text and media. This widget is a fantastic way to highlight small bits of information, such as skills, features or services you offer. Choose to use icons, images or an oEmbed link. In addition you can easily link to other webpages using a highly customizable button.

DEMO


Admin Label : The name you add here will appear in the page builder under the widget name. This helps with easy identification of the contents of the widget.


Box Settings

Media Type : This defines the media type that will appear at the top of the box. You can choose between image, oEmbed and icon.

Image : Choose an image.

Icon : Select an icon.

oEmbed URL : Type/Paste the URL of the media you want to embed. You can get a list of WordPress compatible sites here.

Title : Enter the title text. This can be left empty.

Content : Enter the content text. This can be left empty.

Button Text : Enter the button text.

Destination URL : Enter the URL to which the button should point to.

Open in new window : If checked the link will open in a new tab.

Button ID : Add an id to the button.

Button Title attribute : Add a title to the button.

Button Onclick : Used for executable JavaScript.


Styling

Padding Top : Defines the gap above the image/oembed/icon.

Padding Bottom : Defines the gap below the button.

Image Shape : Choose the shape you want.

Icon Color : Choose a color for the icon.

Icon Size : Enter the size of the icon. Add the units as well.

Show Icon Border  : If checked the icon border will also be visible.

Icon Border Color : Choose a color for the icon border.

Icon Border Shape : Choose the shape you want.

Title Color : Choose a color for the title.

Content Color : Choose a color for the content.

Button Size : Choose the size of the Button.

Button Theme : You can choose from Classic, Flat, Outline, 3D, Shadow and Modern.

Button Highlight Color : Typically used as button background.

Button Base Color : Typically used as text color.

Use button hover effect : If checked will add an effect on mouse hover. The effect will vary depending on the chosen theme.

Use button click effect : If checked will add an effect on mouse click. The effect will vary depending on the chosen theme.

Button Corners : Choose the shape of the Button. Defaults to Slightly curved.

Media Box Background Color : Choose the background color for the widget.