Hi all,
I havve problem with slideshow here (www.toponomasticafemminile.com/sito/)
I need to have image that fits 100% on x-axis and consequentely on y-axis so it won't be cut in no dimension and conserve the proportion in both axis (even if it can be stretched to fit the container...)
I tried all parameters combination with no result...
Can you please help?
Thanks as always
Vivaldo

Hi

You are using the zentools2 backstretch slideshow which works using background images so the behaviour is that the image dis

You are wanting an image that maintains its dimensions as the screen reduces in size - is that correct?

Cheers
Paul

Hi Paul
I'd like an image that fills the screen in width (if needed stretching but not distorting), with preserved proportions (so without cut in no dimension)
Thanks Paul.

Hi

With an image being set as fullscreen means the image will vary in size depending on screen width

With the backstretch it does use css as a background image which means it will act using the background image behaviour

It is a trade off - the images that do work best are more abstract images

Hi
yes Paul... there is no problem if it willl vary... the only problem is if it crops some part... how can I arrange it?
Thanks

I mean, the important is that the image can be seen for complete in the page (x and y) with x dimension driving; there would be no problem to use a specified format (for example 1920x1080 as in the demo site...)
Thanks again

An image will either resize in proportion to height and width e.g. as width reduces so does the height or using a background image areas that won't fit on the screen will not display

It becomes complicated if you want to preserve height and width as this makes the image unresponsive

Cheers
Paul

Hi Paul,
I just want to preserve the proportions of the image and have it completely on screen: as soon as I can do it I will pubblish my site...
Can you please help?
Thanks as always...

Hi Paul
I used the Carousel layout and it does the work...
The only problem now is that the title of the article is shown only under the slide and if you pass on it with the mouse.
Could it be always shown on the image (and with a background as in slideshow-backstretch)?
Thanks

Hi

Can I just double check you are still having this problem

As I can see the text in top left corner

Cheers
Paul

Thanks Paul,
I changed in css and seems to work... waiting for comment from user... I ll let you know...
Thanks again

Best of luck with it

Cheers
Paul

Hi Paul,
just one question: the user want to see the title even on mobile view (now it is not...)
How can I do it?
Thanks in advance

Hi

Looking at the site

You would need to adjust the css you added as custom css via media queries

Cheers
Paul

Thanks Paul, should I use a different field from title to have it displayed or I'm obliged to use media queries? Can you please give me some indication?
Thanks again...

You would need a media query

Are you familiar with how to do this?

Cheers
Paul

Paul... not so much... some hints?
Thanks as always

Try something like

#zentools-1184 .zt-item-container {
position: absolute !important;
width: 500px !important;
background-color: black !important;
top: 200px !important;
padding-left: 50px !important;
}

@media (max-width:420px) {
#zentools-1184 .zt-item-container {top: 150px !important;}
#bannerwrap h2 {font-size:1.5em}
}

I've added the zentools id for the module to make the style more specific

Cheers