Support » Theme: Customizr » Customize ghost grey box behind text in slider?

  • I just need to know what php file I need to go in to change the Ghost grey box in slider behind text. I would like it darker or maybe put in image on it that fuses with the slider BG image.

    Thanks for any help ahead of time!

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customize ghost grey box behind text in slider?’ is closed to new replies.