
Julian Galluzzo
Course Module Cards
Already used as a Bricks query loop - hook it up to your CPT and you're good to go!
Copy component
Download JSON

{"content":[{"id":"kuvvux","name":"block","parent":"hfvluj","children":["rdsybz"],"settings":{"_display":"grid","_gridGap":"15","_gridTemplateColumns":"1fr 1fr 1fr","_gridTemplateColumns:mobile_portrait":"1fr"},"label":"Module Grid"},{"id":"rdsybz","name":"block","parent":"kuvvux","children":["ptfsok","jzjuhr"],"settings":{"_cssGlobalClasses":["gsxxte"],"query":{"objectType":"term","taxonomy":["module"],"orderby":"meta_value_num","meta_key":"number","order":"asc","number":"3"},"hasLoop":true},"label":"Card"},{"id":"ptfsok","name":"image","parent":"rdsybz","children":[],"settings":{"_cssGlobalClasses":["xnoddo"],"image":{"useDynamicData":"{acf_image}","size":"large"}},"themeStyles":[]},{"id":"jzjuhr","name":"block","parent":"rdsybz","children":["hfxmuu","dnpgvy","eajkhv"],"settings":{"_cssGlobalClasses":["hhdfkt"]},"label":"Content Wrap"},{"id":"hfxmuu","name":"heading","parent":"jzjuhr","children":[],"settings":{"_cssGlobalClasses":["tgitva"],"text":"{acf_number} - ","tag":"h3"}},{"id":"dnpgvy","name":"text-basic","parent":"jzjuhr","children":[],"settings":{"_cssGlobalClasses":["jlbyvt"],"text":""}},{"id":"eajkhv","name":"button","parent":"jzjuhr","children":[],"settings":{"text":"View lessons","_cssGlobalClasses":["xruzrw","qzejao"],"style":"primary","_width":"100%","link":{"type":"external","url":"/app/module/"}}}],"source":"bricksCopiedElements","sourceUrl":"https://online-course-template.local","version":"1.12.4","globalClasses":[{"id":"gsxxte","name":"mcard","settings":{"_background":{"color":{"hex":"#ffffff"}},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--border-base)"},"radius":{"top":"40","right":"40","bottom":"40","left":"40"}},"_padding":{"bottom":"25","top":"20","left":"20","right":"20"}}},{"id":"xnoddo","name":"mcard__image","settings":{"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--border-base)"},"radius":{"top":"25","right":"25","bottom":"25","left":"25"}}}},{"id":"hhdfkt","name":"mcard__content-wrap","settings":{"_padding":{"top":"20"},"_rowGap":"10"}},{"id":"tgitva","name":"mcard__heading","settings":{"_cssCustom":".red {\n color: var(--brand-color)\n}","_typography":{"font-weight":"600"}}},{"id":"jlbyvt","name":"mcard__text","settings":{"_margin":{"bottom":"10"}}},{"id":"xruzrw","name":"button","settings":{"_background":{"color":{"hex":"#f44336","raw":"var(--brand-color)"}},"_typography":{"color":{"hex":"#ffffff"},"font-size":"18"},"_padding":{"top":"13","bottom":"13","left":"25","right":"25"},"_boxShadow":{"values":{"offsetY":"5","blur":"0"},"color":{"hex":"#c21a0a"}},"_border":{"radius":{"top":"100","right":"100","bottom":"100","left":"100"}},"_background:hover":{"color":{"hex":"#e52c0b"}},"_cssTransition":"0.2s","_cursor":"pointer"},"modified":1747125364,"user_id":1},{"id":"qzejao","name":"button--secondary","settings":{"_background":{"color":{"hex":"#ffffff"}},"_typography":{"color":{"hex":"#000000"}},"_boxShadow":{"color":{"hex":"#ffc2c2","raw":"var(--shadow-fake)"},"values":{"offsetY":"5","blur":"0"}},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"raw":"var(--border-base)"}},"_background:hover":{"color":{"hex":"#f5f5f5"}}}}],"globalElements":[]}
Our notes on this component
This component comes from Memberstack’s 2025 Online Course Template!
If you want to build an online course, click here to get the full template + installation instructions.
The template works using;
- WordPress 6.8.1
- ACF (Advanced Custom Fields)
- Memberstack
Here’s the video showing how you can install it, and how the template works!!