Changing transparency/opacity of the slider text background

⚠️ Code snippets might not be compatible with the latest version of your theme. Always use a child theme to customize your theme, and test your code on a staging website before migrating to production.

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);


Leave a Reply to Maryam Cancel reply

Your email address will not be published. Required fields are marked *

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