JaceHuddock Posted May 9 Share Posted May 9 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 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now