Streaming live at 10am (PST)

Slider background image height


#1

Hi, Can someone please help with the best size ffor a background image on a full height slider? The RAF slide on my site http://starke-creative.webflow.io/ needs to show the entire picture, so the top & the bottom of the bottle on every view, Apple, desktop, laptop, ipad etc. Also the navigation dots need to show - again on all views. Your help is much apprecaited.


Here is my public share link: https://preview.webflow.com/preview/starke-creative?preview=4641f9ec9da40680f5949896053c542a

http://starke-creative.webflow.io/


#2

Why not just put an image element into the slide 1 RAF Slide?

Simply put 100VW in the width for the image element and it will always automatically adjust size to show the whole bottle.

Hope this helps.


#3

Hi @VladimirVitaliyevich, this was the first thing I tried with the background image. The slider & mask are set to 100vh, Webflow won't accept vh on the image only px.


#4

Let me make a tutorial real quick. :wink:


#5

Would be appreciated - thank you - I am quite sick of looking at this picture now!


#6

http://quick.as/RvoJHajRJ


#7

ha ha - I am such an idiot - I was putting vh in the width box!!!! thank you @VladimirVitaliyevich - I'm going to get a drink now - it might help me design better!!


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.