Changing transparency/opacity of the slider text background

1) Click on Customiz’it! button and open the Additional CSS panel.

2) Copy/paste the following code

.carousel-caption {
 background: rgba(0, 0, 0, 0.2);

3) the last value (0.2) is the opacity : 1 is black, 0 is transparent. Just try diferent value to find the desired opacity.


A quick update following the comments. If you need to fully disable this transparent background, use the code snippet below :

.carousel-caption {
 background: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);


40 thoughts on “Changing transparency/opacity of the slider text background”

Comments are closed.