Before you ask please READ THIS

Non-clickable headband on picture - album

Hi there,

I chose for each album the presentation option in the form of "bricks" and a small cross is displayed on each image of my album. Great, it catches the eye.

I also linked a link to each media I added to the album. Each media is associated with a "works".

The problem is that when a visitor clicks on the cross (or on a horizontal band about 10 pixels), the link does not work. This link works normally when the user clicks anywhere else on the image.

I would like to remove this non-clickable headband but still keep the cross that catches the eye.

In attachment, you will see the banner (in blue) which is non-clickable, which is not at all intuitive since the cross is made to attract the eye.

Code HTLM
1<div class="icon a13ico-plus"> 2 : : before 3 </div>

CSS code
.variant-overlay .object-item .icon, .variant-under .object-item .icon { font-size: 44px; color: #fff; text-align: center; position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; opacity: 0; transition: opacity .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);

You can test directly on my website : http://pierrick-gandolfo-sculpteur.fr/album/accueil/


Thanks you for your help ;

Best regards,

Benjamin
Screen Shot 02-22-19 at 02.51 PM.PNG
1924 x 852 - 1M

Comments

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!