Customize ghost grey box behind text in slider?

You don’t need php; it’s CSS and you can put it in the Custom CSS panel of Customiz’it!:

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

Change the “0.2” above to be a value between 0 and 1 (with 1 being opaque).

If you care about old IE support, you need to add the following lines inside the curly brackets as well:

background-color: transparent\9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);

and play around with the values.

Great theme, thank you.
I would also like to remove the grey box around the text in slider. I made the above changes (thank you ElectricFeet)

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

I am not sure what I am doing wrong as I even changed that 4th parameter to a 0,.5 and 1 and found no difference.

I made other changes in my Child CSS code with no problems (sticky header, changed size of slider and a few others) so I know I am modifying in the correct location.

My site is in the works and I’m modifying images FWIW the test site is https://acupuncturenutrition.com/ANGeorge

Please ignore previous post. My apologies. It must have been a cache issue.

This code works to remove the grey shadow box:

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

I sincerely appreciate the help on this forum and support for this great theme with the great name.