Slanted row transparency

[gdmorrison]

I love the slanted row feature but am struggling to get it to work on a page with a background image. I have set the slanted row to have a background colour (which works fine) but there are white triangles above and below the row which cover the page’s background image. Can these be made transparent?

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us the url of that page?
Are you using the latest version of the theme and Swift-Framework?

-Rui

[gdmorrison]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

That white color(rotate rectangle) over the rectangular row creates that slant effect.

Try to replace the white background with your own image.

.spb-row-container[data-bottom-style="slant-rtl"]:after{
   background: url(http://www.nakedsushikits.com/wp-content/uploads/2015/07/japanese-restaurant-blur.jpg);
}

.spb-row-container[data-top-style="slant-ltr"]:before{
    background: url(http://www.nakedsushikits.com/wp-content/uploads/2015/07/japanese-restaurant-blur.jpg);
}

Just change the url of the background images.

-Rui

[gdmorrison]

Great, thanks.

[Swift Ideas – Ed]

Thanks Rui, marking as resolved.

– Ed