if you don’t have something against unproportional stretching those images you can give the slideshow a custom css class (f.e. : “specialslideshow”)

the 100vh is the 100% screenhight ! and i substact the header hight here

.specialslideshow img {
    height: calc(100vh - 150px);
}

look (sorry for using your images – if you answer here on my post i will delete them immediately)
http://webers-testseite.de/enf02/slideshow-special/

no

you can see it here : http://webers-testseite.de/enf02/ and here http://webers-testseite.de/enf02/company/

and i only set up in quick css :

#wrap_all, #main  {
    background: transparent !important
}

.main_color {
    background: rgba(255, 255, 255, 0.8) 
}

.main_color {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #ffffff;
    background-image: url("//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-VERONA-GIORGIO-DAL-MASO.jpg");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: cover;
}

cover means that it stretches the image to the limitating size and the other one goes to auto

see difference to contain instead of cover

if these text blocks are repeated every time you can give them a custom class.
Do that and than we find that way you like. in the absence thereof i selected that special block by doing that trick.

And we should then better take relativ width like 70% to stay responsive !

something like this – so you have to set the custom class “blocksatz” and do:

.blocksatz {
    margin: 0 auto;
    text-align: justify;
    width: 70%;
}

btw: very nice photos !!!

• This reply was modified 8 years, 11 months ago by Guenni007.

btw. on wordpress everytime you press in a text-editor a return an auto p was set. (wpautop)
you only have the choice to avoid that by pressing the shift key.

look here – before the justify rule can have any effect on this text a p tag closes the one-sentense thing.

those sentences which are long enough ends on the right side.

these textblocks in one <p>…</p> tag are too short

• This reply was modified 8 years, 11 months ago by Guenni007.

every block in an own p tag !

if you set in this code:

.avia_textblock > p {
    text-align: justify;
}

you see under your images the text in a block – but under Lisbon the text is a different thing

the text under Lisbon is in 6 different p tags so even if there is a justify rule this would have no effect !
6 p tags in that little text. Do you have copy pasted it from another website?
and you pasted it into the visual field of your text edit !

____________________

btw: the images on the end of this page:
how do you embed those images to your enfold.
the images are 980px wide so it is not enough.
only a rule is set to them for max-width: 980px – but where does this come from? is it a plugin ?

if you set

.avia_textblock img {
    max-width: 100%;
    width: 100% !important;
}

but this is not the solution – this will change every img inside a textblock
there has to be an inline definition:

<img width="980" height="551" sizes="(max-width: 980px) 100vw, 980px" srcset="http://www. … etc pp

Also – du bist dort auf der Seite im Boxed Layout Modus! Und du möchtest jetzt einen Slider haben, der trotzdem über die volle Breite geht?

ok – try this here on quick css:

@media only screen and (max-width: 480px) {
.cart_dropdown .dropdown_widget {
    width: 245px !important;
}
}

so – good that i can see the url in your screenshot – try to make the dropdown smaller:

.cart_dropdown .dropdown_widget {
    width: 250px;
}

maybe it is needed that you set the rule to !important

there are alot of tutorials to use such tools f.e. : https://youtu.be/tdIk2PztcL0?t=2m54s