Row Styles Plugin

The Rowstyles plugin adds several features and background styles to the row-settings panel.

Adds Placeholder images, Youtube Video and Gradient Background to the selection of row-background-settings.

Please see below for some examples.

You can download the lite version of the upcoming Row Styles Plugin for free. It is provided as is, no support should be expected.

Unsplash It Placeholder images

Unsplash features a library of 1000+ images that can be used as a placeholder. From the row-settings panel you simply enter the desired imagenumber and size, if you want it converted to B/W or blurred or even select a random image on each pageload.

Images are served at lightspeed and more and more are coming out every week.

Row Styles Unsplash Settings
Row Settings Youtube Background
Youtube/Vimeo background video

If you care about your bandwidth usage and you just don't want to spend the dollar on extra hosting you can use Youtube-video as a background for your rows. Enter the Youtube videoID, starttime and desired looptime and use your own uploaded video's as a looping background.

You can also specify a video placeholder image that will be featured when your visitors are on mobile. To prevent unwanted bandwidth use video's are prevented from running automatically.

Getting a Vimeo Pro account should also enable you to embed your video without the play buttons.

Gradient Overlay

Make any video or image more readable by adding a colored or gradient overlay. Gradient overlays sit between your background-image or  -video and can be black, white, colored and everything in between. Set the opacity and make things readable again.

You can also set the direction and center for the applied gradient.

Row Styles Grandient Overlay Settings

Use slider below to see the difference: a Black and White Unsplash Image is used as a background, and when wanting to add a text across the image it disappears on the very light portions. Adding a colored overlay saves you the trouble of editing the image or having to select another one.

Row Styles Effect Settings
Row Effects

The Row Effects tab enables per row styling of the top and bottom border. Add slanted borders, round borders, jagged borders and many more.

You can also add a background image on the border for extra effect.

Color Gradient Overlay

Youtube video background

You'll see a placeholder image when viewing this row on mobile since these are prohibited from autostarting video

Youtube video background
with Color Gradient Overlay

You'll see a placeholder image when viewing this row on mobile since these are prohibited from autostarting video

Vimeo Video background

You'll see a placeholder image when viewing this row on mobile since these are prohibited from autostarting video

I used some nice stickers that were designed by Freepik.