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.

You can search the user’s forum or ask the user community by opening a new thread in the Customizr theme forum. Before opening a new topic, you might want to follow the troubleshooting steps..

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.