Jump to content

Media Slider customization problems


Recommended Posts

Hello, 

 

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:

 

<style>
.sn-media-slider .slider .slide-title {

    display:block;
    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);
}
</style>

 

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

ex2.PNG

ex1.PNG

Link to comment
Share on other sites

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...