Streaming live at 10am (PST)

Is it possible to cut off / partially crop an image with Webflow?


#1

Hi,

Is it possible to crop an image with Webflow by using CSS. I have a number of images uplaoded and would like to hide/crop parts of them. Re-doing them all in Photoshop would be extreme, since there are hundreds of images in the CMS.

Thanks for your help!


#2

Hi @webdes That is a good question.

You have two options:

A) put a DIV block, then inside of that put your image. Then set your DIV block to have an overflow:hidden and set a width and height to it.

B) Do the same as above, but don’t put an image. Instead set your image as a background image to that DIV block

hope this helps :slight_smile:


#4

Does A) works on Chrome ? I believe, it’s not.


#5

@PixelGeek I think A) doesn’t work on some browsers like Chrome. Thanks for your help!


#6

@PixelGeek Is there another option so that it work on all browsers?


#7

option B works on all browsers I believe. Option A works only if you need to cut off bottom part of an image.


#8

Thanks so much :slight_smile:


#9

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