Middle Click on Image not working

Konstantinos,

We will forward your question to the dev. As for now, we are not aware of the middle click support.

...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Alan,

Thank you for your interest. Is there an update regarding the above issue?

Thanks,
Konstantinos

Hi Konstantinos,

The Image with the link is not an image inside the standard link with href attribute. It works a bit differently. Therefore, the middle button is not working because no href attribute is used.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Olivia thanks for the reply. Is there a way to add the image in an "a" tag in order to have the middle click functionality, or a way to add custom HTML. My site is in wordpress so adding in directly in wordpress is also possible for me. Would something like that be possible.
Eventually I would like for the image html to look like that :

<a href="http://www.example.com/">
     < img class=........ >
</a>

Thanks,
Konstantinos

Hello Konstantinos,

Then in this case you can use a custom HTML element, and add the code on the Property Panel.

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Ahmad,

I've tried what you are saying. The issue then is that does not hold correct dimensions for the image I'm trying to use. How would you suggest to fix that and also keep the responsiveness of the page?

Bests,
Konstantinos

Last edited 28 March 2023 by konstantinos

Hi Konstantinos,

Thanks for the reply

Please attach export your project and attach it to this ticket. Specify where is the HTML element you are using and which image.
...................................................
Sincerely,
Ahmad.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Ahmad,

Thanks for the reply. The site is not mine, im just maintaining it. I have not given permission to export the site. The link to the page that im testing is the following:

https://fmegas.com/test-landing-page/

You can view the html by inspecting the page. All three images included in the page have either an overlay HTML or are imported with html.

Referece is the following snipet

<div class="u-clearfix u-custom-html u-custom-html-2">
          <a href="https://google.com">
            <img class="lazyloaded u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xl u-align-center-xs u-hover-feature u-image u-image-1 u-image-default " src="http://fmegas.com/wp-content/uploads/2023/03/Screenshot72-1024x576-1.png" data-src="http://fmegas.com/wp-content/uploads/2023/03/Screenshot72-1024x576-1.png" alt="" data-image-width="100" data-image-height="100" title="Quest to the hidden valley"><noscript><img class="lazyloaded u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xl u-align-center-xs u-hover-feature u-image u-image-1 u-image-default lazyload" src="http://fmegas.com/wp-content/uploads/2023/03/Screenshot72-1024x576-1.png" alt="" data-image-width="100" data-image-height="100" title="Quest to the hidden valley"></noscript>
  </a>

As you see here the data dimensions are 100x100, the html in the nicepage editor is configured to be 440x576 and finally the image is displayed at its original size 1024x576.

And also as you see in the snipet above Im using the nicepage class for hove actions and still there is no hover action when hovering over the image.

All Bests,
Konstantinos

Last edited 30 March 2023 by konstantinos

Hi Konstantinos,

If you need a specific image size, we recommend that you do not add nicepage classes, but set the required image size via inline CSS. If you need a hover effect you will need to add it manually with custom CSS as the Nicepage-specific image classes are not enough to add effects, unfortunately.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp