如何降低此滑块？

Question

I have this site:

link

On the right side you will find your slider (a bottle). I want to make that slider smaller (about 70% of the .right div)

I put a picture to understand better what they want to do.

I use wordpress plugin CPT Bootstrap Carousel .In the first page and I have another slider (all with this plugin) ... should not affect the CSS code that slider.

I tried to add this code...but you can not look good ... I try to see as it is.

.right>#cptbc_791{height:70%;}

Can you help me solve this problem?

Thanks in advance!

Answer 1

Have you tried adding a height to the main div of the slider?

.parent{
  height:500px!important
}

.slider{ max-height:70%}

Answer 2

Try this:

.right .carousel-inner{height: 70%!important;max-width: 20%;}  

^Remove the max-width if you want it to fill the parent. Hope this helps you out.