I use this code below to control the CAPTION TITLE SLIDER and CAPTION CONTENT. I control the font and size. How do I control the opacity and background color of the text?
/ * CAPTION TITLE SLIDER * /
h2.avia-caption-title {
font-family: ‘Muli’, sans-serif!
font-size: 26px;
line-height: 1.0em;
}
/ * TEXT BELOW THE CAPTION TITLE SLIDER * /
.avia-caption-content, .avia-caption-content *
font-size: 16px;
color: #ffffff! Important;
font-family: ‘Muli’, sans-serif!
}
Hey!
Please add following code to Quick CSS
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
background: rgba(0, 0, 0, 0.9);
}
0,0,0 is RGB value of the color and 0.9 is opacity level. Please adjust as needed.
Cheers!
Yigit