How to implement J! content Element

NickMo1

Hi all,
I managed to eventually create 'responsive' Bootstrap cards (after many hours of testing - see here: https://fgv.com.au/) only to discover that there is a Joomla element in the Blockk template called "Verticle Content - Category type 1" that could probably do the same thing quickly and perhaps easily.
I want to use this - only problem is, I have no idea how to do it.
Could someone explain how I can show three columns of 'Card Border' on my site?
I could probably cut and paste the code and make adjustments, but surely there is a better way.
Some simple instructions would be greatly appreciated.
Thanks.

saguaros

Hi Nick,

Could you share the URL of this card page on your site? and the super admin account so I will take a look.

Regards

NickMo1

Hi Saguaros,
I have not implemented a JA card page on any site as I don't know how to use the element.
I was hoping someone could explain (e.g. cut paste code, or something else?)
Some JA templates have a special module to create specific styles, but I don't see anything like that in Blockk.
How can I get a 'Card Border' on a page?

saguaros

NickMo1 How can I get a 'Card Border' on a page?

The problem is that I don't what is 'Card Border' in this case 🙂

NickMo1

Here is what I want to implement:
Go to the Blockk demo page, scroll to the bottom and you will see J!CONTENT in the footer, and the 'Elements' link.

Go to that page (https://www.joomlart.com/demo/ja-blockk)
Scroll down the page. One of the elements is VERTICLE CONTENT - CATEGORY TYPE 1, below that is VERTICLE CONTENT - CATEGORY TYPE 2

The bottom left of each one shows an example of 'Card Border' (the others are Card Normal, Card Normal - Center, Card Border - Center).

How can I get any of those 'Cards' onto my page? Do I cut and paste code or is there some other way to do it in Blockk?
I would also like to place three of these next to each other and make them responsive. The demo shows two that are responsive.

Any help/hints greatly appreciated.

saguaros

Hi Nick,

I'm sorry for this confusion as I thought you're using 3rd party extension on this page.

It's Bootstrap component and here is the markup of all the card sections on this page. You can unzip + open with editor on your PC and search for the code for the Card view you wish.

card.zip

4kB

Pls note that when you add this HTML markup into the article on your site, you should turn off the default Joomla editor first, just in case it strips out HTML tags.

Regards