Make body-top-1 graphic element into links -- not just the titles.

synapsis

On the homepage in the body-top-1 position, I want to make the whole image block clickable -- not just the title text. I asked for something very similar on a J3.9 template (JA-Shoe) using the ACM Gallery. You can find that thread here: https://www.joomlart.com/forums/d/35799-target-some-ja-acm-gallery-links-blank-and-others-self/11

Making the whole graphic the link is more intuitive for users, easier to click on mobile, and lets me be more creative with my graphical elements as a designer. It would also be more consistent with the rest of the site, where the images are links.

The JA-Shoe/ACM Gallery fix worked great. You may want to reference that thread (I'm unsure if it's relevant, since it's a different module type). But I'm hoping you can help me with a similar fix on this J4 version of JA-Blockk (which doesn't appear to use ACM Gallery).

Your help is greatly appreciated as always.

saguaros

Hi synapsis

In your current site, it's different module - JA Content Listing, it has a mask above the image, you can remove the mask and all'll be clickable.

You can try with this custom CSS:

.mod202 .item-style-1 .jacl-item__media .item-media-mask {
    display: none;
}

synapsis

This is an important customization for me. I really hope you can help.

synapsis

Haven't tried it yet, but I really appreciate the quick reply and easy adjustment. In case you haven't heard it often enough lately, you're awesome! Thank you.

synapsis

Okay... I've tried adding your css suggestion to my custom.css in the template's css directory... no joy.

I even tried slapping a !important on it, but it's still not making the images clickable.

And apologies, but I just remembered I will need to be able to give them a target as well.

Please give this a closer look. Thank you!

saguaros

synapsis

You should add custom CSS into the 'custom.css' file of template.

/templates/ja_blockk/local/css/custom.css

I just added for you and it's working now.

synapsis

Thanks so much. I will look at what you did to find out my mistake (I thought that's what I'd done).

Matt

synapsis

Path issue. Put it in /css not /local/css. Thanks for the correction.