changing the size of the carousel

I want to reduce the height of the carousel on the Responsive Portfolio template - any advice on how to do this? thanks

You mean full carousel. Open modules/mod_hot_full_carousel/tmpl/style.css


.hero-carousel div.carousel-article {
margin: 0 auto;
min-height: 617px;
display: block;
float: left;
position: relative;
}

Change min-height,after that of course you still need to pick image size properly or you can set max-height also.

also:

.hero-carousel div.carousel-article .contents {
position: relative;
top: 160px;

change top property to move text up.

This din;t solve a problem. Please, see attacment
There are some "style" attrbutes in div elements/

The problem in on this line parameter style="height: 617px;"
<div data-role="header" class="responsive_header ui-header ui-bar-a" role="banner" style="height: 617px;">

In template this look like
<div data-role="header" class="responsive_header">
I wondering, Where do the style parameter add?

Its added from script but this css:

DIV.responsive_header{
height: <your value>!important;
}

can override it if you put in bottom of template_css.css

Thank you for your quick replay. Unfortunatly, it's not a good solution in common.
The reason is pages whithout Carusel module. Look at attached image.
If I deactivate string DIV.responsive_header {height: 317px !important;}
the regular page came normal.
I think a good idea is to point me where the script set parameter "height:..." om main page for tags I sad above.
PS I can put the CSS fragment "DIV.responsive_header {height: 317px !important;}" direct in module Hot Carusel and it will solve the problem. But I prefer to control any aspect of site working.

In index.hp of template you will see:

$top_container_height = $this->params->get("top_menu_height", "617");
...
top_menu_hight: <?php echo $top_container_height; ?>,
...

also in js/dynlayout.js you can trace top_menu_hight variable to see how it is used