jesslearning
Forum Replies Created
-
You are a savior! Thank you so much for your help.
For future reference this is the css courtesy of Simon:
#sample_slider .owl-item {
position:relative !important;
}
#sample_slider .owl-item .myslide_wrapper {
position:absolute !important;
bottom: 0px;
left:0px;
width:100%;
text-align:center;
margin: 0px;
padding: 10px 5px;
background: rgba(0,0,0,0.7);
font-size: 50px;
line-height:1.2;
color: #ffffff;
}
#sample_slider .owl-item .myslide_wrapper h2 {
margin:0px;
font-weight:normal;
font-size:24px;
line-height:30px;
color:#ffffff;
}
#sample_slider .owl-item .myslide_wrapper p {
margin:0px;
font-weight:normal;
font-size:16px;
line-height:22px;
color:#ffffff;
}That would be fantastic! Thank you for your help. Where could I contact you with that information?
The slider is back, but unfortunately, it does not work :(. The text is still in its default center and there is no background. Surprisingly the inline css does not work either. Anything else I could try? Apologies for the dragged out questions.
Thanks for the quick response Simon!
When I used that code, my entire slide disappeared, with only the navigation arrows left. I tried removing the inline styling, adding id=”sample-slider” to my div… Am I supposed to add a class/id to my div in the slider?