[Resolved] Adding styling (drop shadows) to the featured image pages

Hi Ian,

The shadow used on your slider plugin is an image.

You can add it in by modifying the structure of the header element HTML.

You can wrap the img with <div class="feat-img-wrap"> your img here </div> and then add this CSS:

.feat-img-wrap{
    position:relative;
    width: fit-content;
    height: fit-content;
    margin: 0 auto;
}

.feat-img-wrap:after {
    content: "";
    background-image: url(https://yourdomain.com.au/wp-content/plugins/smart-slider-3/Public/SmartSlider3/Widget/Shadow/ShadowImage/Assets/shadow/curved.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}

.feat-img-wrap img {
    display: block;
}

Change yourdomain.com on the url.

No problem. Let us know if you need further help. 😀

Thanks for letting us know. Glad you got it sorted. 😀