I am new to Bricks (enjoying it) and new to CSS. This is probably a simple request; however, I am trying to make the Query Loop card totally clickable. I would prefer not to have multiple links on the card but instead have each card clickable to the {post_url}.
Thank you in advance for helping me with this concept.
Try this. On your query loop container, set the HTML tag to an ‘a’ tag. then in the link settings that pop up configure it like my screenshot with Dynamic Data and {post_url}:
Keep in mind that if you wrap everything in an a tag, you can’t have any links inside or it will break the html. Like the More Details. So just change that to some text with an icon beside it.
Oh no, it doesn’t work. I’ll get back to you.
The only think I can think of is putting all your stuff inside another conainer/block/div before putting it inside your loop. Then what I suggested should work.
Curtis, thank you for the quick response. I was able to get your idea to work by placing the card contents inside a div and then set the div as a html “a” tag.
Dean, thank you for the update. I was able to get Curtis’ idea to work by adding your suggestion and placing the query loop card contents inside a div with an html “a” tag.