change height of transparent layer on slider

Isn’t that based on what content is within it?

I am not sure. It is clear that using the below CSS to adjust the slider height, only impacts the image behind the transparent layer, the layer with the text remains the same. So now that I have reduced the slider height to 300px, the transparent layer with the text is almost as tall as the slider image, whereas when you go with the default slider height, it only consumes about 50% of the total slider height.

/* Adjust the Slider Height */
#customizr-slider.carousel .item {
height: 300px;
min-height: 300px;
line-height: 300px;
}

The translucent layer hasn’t got a CSS height style applied to it, the height you see is from the content and some padding. Are you using Firebug or another equivalent tool? You can find out the CSS:

.carousel-caption {
background: rgba(0,0,0,.2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000', GradientType=0);
max-width: 60%;
padding: 5%;
line-height: 14px;
vertical-align: middle;
display: inline-block;
position: relative;
margin-left: 11%;
}

Not using Firebug, but looks like a good tool, will get it! Thanks to your reply, I ended up reducing the padding to 1%, which did exactly what I was looking to do. Thank you very much!!

Hey, not sure if you know how this works, but after modifying some of the css properties you provided above, they only seem to have an effect in Safari. The changes do not have any effect in IE, FF, or Chrome. Any idea why? I already tried flushing cache. Thx.

I see your modifications coming through fine in Chrome:

.carousel-caption {
padding: 6%;
max-width: 60%;
margin-left: 12%;
}

They are there, but they do not modify the translucent box. If you look at the site in Safari, the box is much wider and taller. Regardless of what I change the properties to, there seems to be no effect in any other browser except Safari. I even changed them to an extreme value, and no change to the site except in Safari.

I’m not sure what you mean, when I change the padding to 1% in chrome I can see the difference

Ok, this is really creepy. After numurous changes to several or the properties, I finally got it right in Safari, then I looked at site in other browsers, and the changes were not there. I kept playing with the settings while logged into wp using Safari, and none of the changes took in other browsers. I logged into the wp-admin using Chrome, and poof, all the changes took in all browsers. Probably no correlation to logging in from Chrome, maybe it just took a bit to clear cache or something. Unless this happens again, I think I am good. Thx for the replies.