Jump to content
  • 0

Media Slider customization problems





I have added some custom <head> code to produce a silver background box for text descriptions in the "Media Slider" element. It is working mostly as intended, however if there is a slide that doesn't contain text, it still puts an empty background box. 

The code is as follows:


.sn-media-slider .slider .slide-title {

    margin: 5% 0;
    font-weight: bold;
    font-size: 100%;
    line-height: 100%;
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,.8);
    background: rgba(195,69,45,0.5);
} .sn-media-slider .slider .slide-description {
    border-radius: 25px
display: block;
border-radius: 10px;
padding: 20px;
    margin: 5% 0;
    color: #36454F;
    text-shadow: 1px 1px 2px rgba(0,0,0,0);
    font-size: 100%;
    line-height: 100%;
    background: rgba(229, 228, 226,.8);


I have included an example of the text block working as intended, as well as the unwarranted box in the picture without text. I am wondering how to keep the box when there is text, and to remove it when there is none. Thanks



Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...