SOLVED (QUICKLY!) How to make a Query Loop card totally clickable

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.

Hey,

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. :frowning:

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.

Maybe someone else has a better idea.

Pretty sure you need the link applied to the div inside of a loop and not on the loop itself.

1 Like

Hi Curtis,

Your first answer is correct. This is how I have one of mine set up, and it works correctly :+1:

Not sure why you tested it, and it didn’t work for you though :thinking:

It didn’t end up linking to the looped items. All of the links were the same and linked to the page that the loop is on.

I’ve never needed this myself, so it’s possible I’m just missing something.

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.

1 Like