LoginGet started — it’s free
Made in Webflow

Control Sizing of CMS Items with a Toggle

Clone in Webflow224
Jonas Arleth's avatar
by Jonas Arleth
1.9k
site profile thumbnail

Description

I'll show you a trick to control the size of CMS elements via a toggle to give your clients more flexibility in displaying CMS collections in Webflow. Each CMS element has an example toggle "medium", "large" and "align Center". As soon as one of these options is active, a class is added to the element "grid-item" via custom code, which changes the size of the element or the alignment. The classes and sizes of the grid items can be changed in the hidden section-cms-grid. In order for it to work, the embed field in each CMS item and the jQuery code must be added. Tutorial: https://youtu.be/DsuCGRSgJIk

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
cmsimagessizescontroltoggletricktipswebflowcmsgridcmsimagescmsgallerywebflowcmscollectionimagegallerycustomcode

More by Jonas Arleth

See profile
View details
Free Grid Design Template (CMS ready)
200
644
© 2022 Webflow, Inc. All rights reserved.