▼
Streaming live at 10am (PST)

Changing Image Sizes

#1

I'd really like a way to make my images consistent across my website. On my home page when you scroll down to my Client List, I have uploaded different sized images but I really want them all to look the same size (i.e. consistent width and height). I can't seem to find a way to get them all consistent whether by re-sizing or cropping off bits of the image. I'd appreciate if anyone can help direct me to where this can be changed or some way I can set a rule on the dimensions.

Also my "About Us" Section seems to be "flashing" when I go into preview mode and I cant seem to find any way of stopping this - it doesn't flash in edit mode so can;t understand why this is.

Thanks in advance for any help

Here is my public share link: https://preview.webflow.com/preview/ikwe-limited?preview=feb463ee6aed66275f8881887e3804da

#2

Hi @jadis
Have you tried to put your images inside a Div Block with specific dimensions?

and the About Section you have selected "Loop option" and because you have a couple of interactions set to that trigger it cycles them every time

Screen Shot 2016-07-15 at 15.31.12.png482x866 31.9 KB

Try to eliminate the loop option and see what happens and if it's the effect that you're looking for.

#3

Hi @aaronocampo
I've managed to sort those images out - thanks for the tip.

I cannot seem to find where I get to the "Interactions" drop down which you posted above - How do you get to this drop down?

#4

When you have selected the about section you can go the interactions tab

Screen Shot 2016-07-15 at 15.57.09.png3196x2092 1.35 MB

Then you have the interaction called "move flypaper"

Screen Shot 2016-07-15 at 15.57.27.png474x2086 114 KB

clic on the wrench icon there, and it'll show you the settings for that interaction

Screen Shot 2016-07-15 at 15.57.51.png484x524 17.1 KB

on the Trigger Section, clic on wrench on the scroll animation

Screen Shot 2016-07-15 at 15.58.03.png486x870 31.9 KB

and there you'll have those options. :wink:

#5

:relaxed: You're a star thanks so much - back on track now!

#6

I noticed that you're using the image element to show your product on the wrapper, I would recommend to use Div Background Images instead, so the image wont shrink or deform with the browsers window aspect ratio.

Just a thought...

#7

Oh crumbs i didn't think of that - what would be the quickest way to change from image element to Div Background?

#8

Just create a Div Block with a generic name with the dimensions that you need, then assign a combo class name for each image that you're gonna use.

#9

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