Hello, I am new to webflow, I bought a theme and I am trying to style this theme according to my brand look. the theme has already collection wrappers reading from the CMS, but the problem is I can’t make the whole collection card clickable and linking to other page - only the circled text block is linking to other page. For good UX design I would like to have all the cards in my website clickable and not only a text inside them. Can anyone help with how can i do that?
Add a new link block within ‘Card Category’, and make the position of that ‘Absolute’ and click the furthest little full white square underneath to make it take up the full size of it’s parent item (you need the ‘Card Category’ to be set to relative to make this happen correctly)
On the canvas, when the element is selected, you can also right click it to access options like link block → div or div → link block. Makes some of these changes easy.
You cannot have a link within a link so your first job is to remove that inner link and change it to a plain text element, before you make/convert your card-sized link.
That’s always a useful trick when you realise you’ve chosen the wrong div/link block
Unfortunately, you can’t wrap a list item in a div or link block, so that won’t work in this particular case (the styling has been done to the list item, as opposed to the elements within).
I would like to ask you one more question please, there are some items that are not showing in the editor, like the tabs inside a component when they open, or the map cards when I hover over them while they show only in the preview mode. Their visibility in the settings is set to visible! where can i find those items to edit their styling?
