Custom Styles – Image Grid

By targeting the Gravity Forms Image Choices CSS classes, you can easily customise the look of the image choices. This demo customises Gravity Forms Image Choices using the CSS shown below.

Live demo

The above image grid is based off a customers request to present images from the following example site https://www.materialpalette.com/pink/red

Source CSS

The CSS below was used achieve this style. Please note the grid is currently not responsive or mobile optimised but can be easily achieved if you’re familiar with CSS and media queries.

Please note that this is an example of what you can do with custom CSS, more than a copy & paste solution. Feel free to use the styles but they will most likely require further customisation to suit your website and needs. Read our support article for more info