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.
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
Question
JaceHuddock
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
0 answers to this question
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