Make coloured bar at the bottom of the Slider Smaller

Is there a way to make the colored bar at the bottom of the slider images smaller? It is eating a little bit too much of my images. I would like the font to stay the same size, so I am only looking to trim a centimetre or so (1/3 of an inch). Please if you can, send me custom code to fix

In the attached picture you will see all the dead space below the Text.

Fantastic Theme!

www.treecraft.ca

 

Hello,

Code:

.flex-caption-wrapper {
  background: url(http://localhost/wordpress/wp-content/uploads/2015/05/caption-bg-black1-1.png) repeat-x;
  margin-top: -77px;
}

Kindly apply the above given CSS and upload the given image in your media and put the URL of the same in the background property of CSS code provided.

It will solve your issue.

 

Didn't work??

 

Hello,

Kindly try and apply Below CSS I have added the important rule in it. It should work:

Code:

 
  .flex-caption-wrapper {
  background: url(http://localhost/wordpress/wp-content/uploads/2015/05/caption-bg-black1-1.png) repeat-x !important;
  margin-top: -77px;
}

Let me know.