Forum Replies Created
-
Posts
-
Hey Nikko,
I see what you mean.
Did you check the backend of the website?
it looks like this:
Let me explain how I set it up and hopefully we will figure out where I went wrong:
– 1/1 Element is set to be always visible. The image inside is set to only show on mobile
– Left 1/2 element only uses a Background image. Hence, on mobile (when the sections go on top of each other) the image is not showing any more. Thats why I created the 1/1 element above and disabled the left 1/2 element on mobile.
– Right 1/2 is the text block and works fine.In the end I want to create exactly the same look as in the very first screenshot from my initial post.
You know what I mean? And maybe have an idea what i need to do?
Cheers
Thanks for the help Guenni007, however the page is not live yet and pw protected.
What info you need?
Hey Basilis,
for clarification:
Does that mean if I upload an image 1920x900px with lets say 200kb this image will be used when some access the page on a desktop.
If someone uses a phone a adjusted image (maybe 375px width) will be displayed which is also smaller in kb?is that correct or will the image still be full size (200kb) in download?
Cheers
RestubeHey Mike,
thanks for all your help!
Well, that´s not exactly how I meant it. Now the Color section is 100% of browser height.
What i was looking for is that the image is adjusting to browser width without cutting the image on the edges.Let me try to explain:
A normal Image element is not being cut off on the edges when browser width is reduced. It will adjust automatically the image size (width and height) so the full image is always displayed. Therefore the browser height doesn´t matter.
The problem with an image element is, that it isn´t displayed full width.I hope this clears thing up.
Cheers
RestubeThanks for the reply!
Is there also a way to fix the first row and column when you scroll (on desktop and mobil.
Thank you so much for your help!Hey Mike,
that´s exactly what i was looking for!
and I can explain the code so you can do it.
That would be great. Will have around 15 images with the same transition effect.
Cheers Dennis
Beautiful! That`s exactly what i was looking for! :)
Thanks heaps for the support guys!
Cheers
DennisHey Mike,
thanks for your reply. Unfortunately, it doesn`t seem like your code is changing anything.
For clarification, the code needs to be inserted to the quick css in general styling, right?
Cheers Dennis
Hey Mike,
i figured out what you mean. Its basically what i wanted but the rotation effect looks a bit odd with bigger images.
Is it possible to have the same image switch on hover but with a fading effect instead of rotation?Thanks for your help!
DennisHey Victoria,
Yes, not on portrait mobile view (as in your Screenshot). When you turn your phone to landscape then the header appearance changes as described above
Cheers
DennisHey Victoria,
that`s exactly the section I was talking about.
Do you see how the logo is not centered?Is there any way the Icon and the Text below the icon can be displayed in one line?
Or at least center the icon?Cheers Dennis
Hey Victoria,
well the caption is correct – always displayed. However, the main concern is the overlay effect. On default the images are a bit darker then usual (which I set manually). Once the courser hovers over the image the overlay effect disappears and the image is shown in full brightness. I love the overlay effect, however i want it the other way round. Show image on full brightness on default and as soon as someone hovers the courser over the image the darkening effect starts.Does that make sense for you guys?
Cheers
