Community forum for knowledge and support

Updated 3 months ago

Ensuring Consistent Card Sizes and Adding a New Card in Layout 415

At a glance

The community member is seeking help with two issues in Layout 415: 1) making all the cards the same size regardless of content, ideally similar to the size of card two, and 2) adding another card along with the interaction for it. The comments suggest that setting width: 100% on the card class may help with the first issue, and that creating more cards by following the same patterns as previous cards may work for the second issue. One community member mentions that they had trouble viewing the new card in the interaction, and another suggests making changes to the interaction to trigger the new card. A community member also shares a video that may help with the customization process.

Useful resources

In Layout 415, what's the best way for me to 1. make all the cards the same size regardless of content? Ideally I'd like the final card sizes to be similar to the size of card two. 2. Add another card along with the interaction for it? Here's my read only link: https://preview.webflow.com/preview/grant-searchlight-one?utm_medium=preview_link&utm_[…]bda851e0aae2f73166ea731854afef2d&locale=en&workflow=preview

M
R
6 comments

@Rachel I think you'll just need to do width: 100% on the card class as shown in here. Otherwise @Daniyal Mehmood suggestion for creating more cards will work, just be sure to follow the same patterns as previous cards.

@Daniyal Mehmood I did the copy and paste method for the card but hadn't changed the combo class to card-5 so couldn't see it. I've now been able to change the content on card-5 but still can't view it in the interaction.

@Matt Do I now need to make changes to the interaction to trigger card-5? Changing the card width worked. To achieve the same height on the cards I added lines in the paragraph.

@Rachel so the process would be somewhat similar to this quick video I did on a different component.
https://relume.notion.site/Customizing-Layout-417-Layout-418-e20158aad6d74246aa709b50db4e448f?pvs=4

I just remembered I had this.

@Matt your video helped me figure things out - thanks!

Add a reply
Sign up and join the conversation on Slack