Lay Theme Forum

@arminunruh just a quick update to announce I've finally been able to de-activate pointer events while keeping the hover image feature.

Basically, there was an obvious conflict (the glitch part) between:

.projectindex-project-slug-example a:active {
cursor: default;
}

and

.projectindex-project-slug-example a:hover {
cursor: default;
pointer-events:none;
}

So I just moved the pointer-events:none; to the active state of the project slug link class while keeping the default uploaded cursor design. And now it works!

www.virgilethevoz.com

@arminunruh

I've added the following:

.projectindex-project-slug-example a:active {
cursor: default;
}

.projectindex-project-slug-example a:hover {
cursor: default;
pointer-events:none;
}

It kinda works, but the hovering images now flicker in an unusable way, unless your mouse pointer doesn't move. I think things are overlapping (z-index) and causes the flicker, but I don't know what exactly.

Maybe you'd be able to see why better than me :)

@arminunruh said in Index: how to disable links yet keep image hover?:

<script>
jQuery(document).on('.projectindex-project-slug-elementgrid-3 a', 'click', function(e)){
e.preventDefault();
e.stopPropagation();
return;
});
</script>

Hey! Unfortunately this doesn't seem to work anymore :'( the image hover works, but the stopPropagation doesn't seem to trigger down, as the chosen project is still clickable. Any workaround (I'm not javascript proficient enough...)?

Hey @arminunruh

EDIT: sorry, I saw that you proposed a solution in another thread, my bad!

do we have any updates about this feature?

The .noclick CSS class tricks works, but prevents from having the image hover feature on projects.

Having a huge list of projects that we don't necessarily want to have corresponding pages to, we'd love to have the options of just listing elements with the image hover function.

Is there any new way of implementing this or can it possibly be done in the future?

Thank you!

I can confirm there is a flicker issue on Safari, as well as on Chrome, so it's not browser specific.

The marquee works fine for about 40 seconds, then starts flickering. I have Unicode characters in the marquee Text elements, removed them to see if that was the problem, but apparently not.

My marquee is on the top border as a 1rst section and the page then has a 2nd section with Text bloc which acts as a collapse button for the 3rd section, and the 4rth section is a project index.

There also seemed to be a bug with top and bottom outlines of the marquee. Even when set to same values (i.e. 1px each), the bottom one seemed a lot thicker.

Hope you can figure it out, I would love visitors to stay more than 40 seconds on my website 😅

Hi there!

Would it be possible to ad a background color with opacity setting to the background of image hovers when hovering on a project index, similarly to when you can change the background settings of images in the Lightbox add-on?

I would love to have the hovered images put forward by having a color overlay at a X% opacity between the hovering image and a project index list.

The top must feature would have to be: having a configurable opacity background overlay, automatically using the colour of a selected hovering image, i.e., if the hovering image of a project index row is mainly in a blue tint, then the background (between the hovering image and the project index list) would be the same blue tint, with a customisable opacity setting.

I'm quite sure the code is not that complicated and the options could be easily added to the Hover image settings, but I'm no expert and although not urgent, this feature would be a nice custom touch to the already incredible Project index feature!

Thank you!

V.

Current hover state ->

With background hover options ->

Hello!

I'm looking for a way (or CSS line) to be able to deactivate index project clicks, yet keep the img hover functionnality.

The "pointer-events: none;" unfortunately disables the image hover and only shows the list.

Rather than having specific projects that are not clickable for reasons of confidentiality, I will have normal visible images hovering on public projects and blurred images on private projects, but would still like to have the project names displayed, as it includes important clients.

Would anybody have the trick or CSS I'm looking for?

@extra-vitamins thanks, It works! But the I can't figure how to "offset" the caption by say x: 20px and y: 20px, since it's origin is 0,0 on the mouse pointer.

I could change the mouse icon, but that would be weird, or add spaces before the caption text, but then again the placement feels off.

Relative position with left/right, top/bottom values doesn't work in the img:hover caption (…) CSS.

Any ideas?

(sorry, I'm a real noob)

Hello!

I'm setting up a really simple 2-column page, with images on the left and on the right (or carousels or videos when relevant) and wish to have their captions display upon mouse click (or hover if it's easier).

Ideally in a pop-up contained box (which is 10% height of the images and same width as pictures, white background), bottom aligned with the pictures, text aligned to the left (as screenshot attached)

Is there an easy way to do this without jQuery requests and CSS styling (I think not…). What would your easiest suggestion be?

Thanks in advance!
V.

Any news? Seems this bug is recurrent with quite a few users and sincerely hope we find a fix or reason. I reinstalled WP database and plug-ins from scratch, tried Safari and Chrome, nothing seems to change.

Noticed the website goes blanc when all 3 add-ons are activated (full screen slider, carousel and image hover), but not when either image over add-on is activated alone or the 2 other ones are activate alone. In all cases, Link modal does not show the option to choose a image for hover…

@vthevoz my website has gone blank as well (thankfully not to annoying as there wasn't anything important yet).

Same here, reinstalled lay theme from scratch and deactivated unnecessary plug-ins, still not showing up. Any ideas? Maybe a conflict with the other add-ons?