Need to add borders around images in Blockk

Jmilli99

Greetings. I am using Ja Blockk and was wondering how to format images on the main pages. I see an image class box on the Content Manager: Edit Article screen, but I don't see a list of style options in any of the documentation. Templates I have used in the past have a list of samples similar to the Heading and Footing samples shown on the documentation. I am using an image on a white background and I want to put a border around the image when shown on the main and sub pages.

Thank you.

Ninja

Jmilli99
Hi
The Typo involves the Text style part.
Images work normal on website in term of the view.
Here you can see supported type : https://ja-blockk.demo.joomlart.com/index.php/elements
If there is specific style you needed, you can share the page URL and screenshot how you you want, so i can check give you suggestions.

Jmilli99

Thanks so much for your response. I am so sorry, but I am still kind of lost. Where do I put that information? I am not clear about what you meant about "Images work normal on website in term of the view".

My website is VERY rough. I am migrating from 3.x and just started playing around with the new template yesterday.

If you look at this page: https://www.jeffmillman.com/staging/index.php/training-topics/dog-behavior-problems you can see that the dog with the white background doesn't have a border. I would like to know how to do that for any pictures contained on the home page, sub pages, modules, etc.

Would you also explain a little bit about how to use that page that you referenced as far as alerts, or cards or the other elements?

For instance how would I use:

card-horizontal-1 card-item cat-overlap card-align-center

text-left title-border-center-gray

Sorry for the really basic questions. I am trying to figure this out!

Thanks a ton. I really appreciate your help.

Ninja

Jmilli99
Hi
Each different template support different style, layout and typo classses
the example you shared if this is not defined in template would not work
You can check the classes via inspect element tool
http://prntscr.com/2125zan
example code

.item-page .item-image {background:#000;}

You can apply own style as per needs as in the above code for border,shadow, BG color etc.

Jmilli99

Thanks. I will give it a shot. I appreciate your help. I have a lot to learn here . . . .