where is cinema template ?

Let's try again.
Look at the carousel and the menu. How can I align them?
I tried to change the position and the size of carousel and the images inside it but it didn't work.

put this at bottom at template_css.css:


.mp_topmenu{
position: relative;
left: -30px;
}

adjust -30

This is going to move topmenu 30px left.
That means that topmenu will be 30px left from all the other positions.
Thats why I need to move the carousel. Not the menu.

I changed the menu from dropdown to horizontal.
The carousel lost the left and right shadow!!! but it seems better.
As you see at the picture there is no shadow and the black space between the pictures is gone.
Now if I change it again to drop down it don't change. It is as in the picture!!!

leatherboy wrote: This is going to move topmenu 30px left.
That means that topmenu will be 30px left from all the other positions.
Thats why I need to move the carousel. Not the menu.

You want then to change slide width , because , carousel module position:

in layout.css:

div.full_carousel div.sparky_main, div.full_carousel div.row, .mp_advert1 {
width: 100%;
}

width is overridden to 100%. If you remove that width: 100%; it will become aligned but you will loss next.prev slide preview.

So there is no particular recommended way you shroud do that.

please look at the site.
The body width is 1200px.
If you see the page in a wider screen you can't see the shadows left and right and the black space between the previous and the centersd image and between the centered and the next.If you resize the window of your browser and you make it about 1200 px the you will see the shadows and these black spaces.
It seems that I have to change this in modules/mod_hot_full_carousel/tmpl/style.css

.shade_left,.shade_right {
/*background:rgba(255,255,255,0.7);*/
z-index: 3;
position:absolute;
width: 100px;
height: 400px;
}

This width 100px counts from the sides of the viewable window.
How can I change it to count from the left and right end of the centered image?