Fancy divider in front of home slider

WikidCool · April 2015

I need to place a fancy divider over the bottom part of the home slider so that the slide background images takes on the shape of fancy divider.. I hope I'm making sense.

Here are the settings I've used so far...

Fancy Divider settings

--------------------------------

Style: Circle Down

Color Top: transparent

Color Bottom: #404040

CSS

-------

.fancy-divider {

margin-top: -90px;

}

I'm thinking that a z-index should be added somewhere to bring the fancy divider to the front... not sure where to add it.

Any help would be greatly appreciated.

Albert · April 2015

Please send us url to page where you want to do this because we must have a look on it. Not sure if this can be done and that's why we must have a look on it.

WikidCool · April 2015

Here's the link:

http://bit.ly/1cBKtkL

Albert · April 2015

It is possible to move section with divider on slider but it won't look good because you should use png images with transparent background.

.home #Content .section:first-child {
    margin-top: -100px;
    position: relative;
    z-index: 20;
}

WikidCool · April 2015

png image on the slider or section?

Albert · April 2015

We mean the section for which we gave you css above.

WikidCool · April 2015

I'm not having any success... maybe I'm not understanding your instructions.

Please help!

Albert · April 2015

Sorry but there is nothing else what we can explain. We gave you already all necessary steps to do this. And if you still don't know how, then you should contact with your website developer.

Fancy divider in front of home slider

Comments