Can´t get text besides the image

Hi, I´ve bought the one page template.

Hot Responsive slideshow offering text and HTML input sounds great. but I cannot bring up the text beside the image. Whatever I do the text appears eighter above or below the image.

see welcome.aerofit.me/#environment

Thx. bernhard

Well that module would be very hard to make like that. But you can maybe put text above image in right corner by adding this css to template_css.css:

.ten.columns{
position: absolute;
right: 0;
margin-top: -200px;
}


if you like it left instead of right change right: 0; to left: 0; if you want some offset put for example of 10px offset right: 10px;

Vertical position is defined with :

margin-top: -200px;

you can also change 200

I´ve added it in the CSS. Works fine with wide screen but overlaps with image on smaller screen.

Needs additional css-background settings.

Thx.

You can disable that behavior for small screens :

.ten.columns{
position: absolute;
right: 0;
margin-top: -200px;
}

@media screen and (max-width: 512px){
.ten.columns{
position: static;
right: 0;
margin-top: 0px;
}
}

also you can be more intuitive and think of better solutions using few diffrent @media screen width definitions. Place them always after default definition and order them bigger width to smaller with

works perfect! Thx.