Docs

[Lely]

Hello Mark,

Please update to this CSS. Feel free to update 8px to your preferred blurriness.

.soliloquy-container .soliloquy-image {
    background: #fff;
    padding: 10px;
    box-shadow: inset 1px 1px 8px #888888, inset 1px -1px 8px #888888,inset -1px 1px 8px #888888,inset -1px -1px 8px #888888;
}

As you notice, the blurriness is inset or pointing inside because since it is a slider it’s container hides anything outside because of it’s structure.

Hope this helps.

[Mark M]

Ok thanks for explaining about the structure inhibiting what I was trying to do.

Have needed up with this which seems fine.

.soliloquy-container .soliloquy-image {
    background: #fff;
    padding: 8px;
    box-shadow: inset 1px 1px 2px #888888, inset 1px -1px 2px #888888,inset -1px 1px 2px #888888,inset -1px -1px 2px #888888;
}

Thanks for your help,

Mark

[Lely]

You’re welcome Mark!

Always,
X

[Mark M]

Hi,

If I wanted to change the soliloquy slider to a revolution one what changes would need to be made to this code so that I can still have a border?

.soliloquy-container .soliloquy-image {
    background: #fff;
    padding: 8px;
    box-shadow: inset 1px 1px 2px #888888, inset 1px -1px 2px #888888,inset -1px 1px 2px #888888,inset -1px -1px 2px #888888;
}

Regards,

Mark

[Christopher]

Hi there,

Please provide us with URL of page in question.

Thanks.

[Mark M]

This reply has been marked as private.

[Mark M]

Actually forget this I have gone over to the revolution slider and will start another thread to resolve the issue I have with that.

Thanks for your help.

Mark

[Rad]

You’re welcome Mark!

[Author]

Posts