image blur: how to remove

More
4 years 8 months ago #126615 by jarr
image blur: how to remove was created by jarr
Hi everyone!
I have one problem with Event Booking extention.

I use "Events Booking - View" module that shows upcoming events. There are thumbnail in module, but it's blurry (on the event detail page the image is ok).

The question is: how to make thumbnail image non blurry (the image class="eb-thumb-left").

Thanks for your help and sorry for my bad English)

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
4 years 8 months ago #126622 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic image blur: how to remove
Hello

Please submit a support ticket sending us:

1. Super admin account of the site

2. Link to the page

Our support staff will check and maybe add some needed custom css to solve the issue

Regards,

Tuan

Please Log in or Create an account to join the conversation.

More
4 years 8 months ago - 4 years 8 months ago #126626 by jarr
Replied by jarr on topic image blur: how to remove
Thanks for your answer!
I'm working with local machine server, that's why I can't do what you said.

But I finded the reason (i think so) of my problem. It's related with image settings (Event Booking/Configuration/General/Image Settings) where are two "Resize Image Methods".

Is it possible to dissable image resize?

Thanks!
Last edit: 4 years 8 months ago by jarr.

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
4 years 8 months ago #126632 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic image blur: how to remove
Hello

No, it's not possible to disable the resize. However, I believe you can configure thumb width and thumb height to have the size of image you want

I would suggest you to setup your site to a public accessible server so that we can check and give you suggestions

Regards,

Tuan

Please Log in or Create an account to join the conversation.

More
4 years 8 months ago - 4 years 8 months ago #126636 by James Riley
Replied by James Riley on topic image blur: how to remove
I just came across an app today that you can use to make your localhost sever temporarily public!
Check out ngrok.com/ -- it's a free tool that "exposes local servers behind NATs and firewalls to the public internet over secure tunnels".
No install required, just run their command-line app (for example, for a password protected url, run the command ngrok http -auth "user:password" 80) with your own user & password, and then go to the random url (eg. 1L8H66YAS.ngrok.io) that they provide you in order to access your site remotely :).

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.
Last edit: 4 years 8 months ago by James Riley.
The following user(s) said Thank You: jarr

Please Log in or Create an account to join the conversation.

More
3 years 8 months ago - 3 years 8 months ago #136368 by jarr
Replied by jarr on topic image blur: how to remove
Hello

A year later, I returned to this question again.

Thanks to James Riley for his advice. Now it is possible to connect to the site : ee8ba8f80c62.ngrok.io
login: y.dolhikh
password: ufhufyn.f

I would be grateful if you help me to solve the problem of image quality deterioration.

Thanks!
Last edit: 3 years 8 months ago by jarr.

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
3 years 8 months ago #136379 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic image blur: how to remove
Hello

Could you please send us the link to the page which you are having the issue so that we can look at it and give you instructions to solve the issue?

Tuan

Please Log in or Create an account to join the conversation.

More
3 years 8 months ago #136380 by jarr
Replied by jarr on topic image blur: how to remove
It is located on the main page (Home)

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
3 years 8 months ago #136381 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic image blur: how to remove
Hello

Go to Events Booking -> Configuration, look at Custom CSS tab, put this custom css code, save it:

.eb-event-thumb
{
width: auto !important;
}

Then check it again.

Tuan

Please Log in or Create an account to join the conversation.

More
3 years 8 months ago - 3 years 8 months ago #136391 by jarr
Replied by jarr on topic image blur: how to remove
Thanks.

In this case, it does not work, because the image becomes smaller than necessary.

I found another way to solve the problem.
In the module template file (in my case it is horizontal.php) I changed two identical paths to the thumb image (class="eb-event-thumb").

Instead of
'/media/com_eventbooking/images/thumbs/'
i used
'/media/com_eventbooking/images/'

Maybe this path somehow affects the processing of images by a script that does not allow them to be larger?
Last edit: 3 years 8 months ago by jarr.

Please Log in or Create an account to join the conversation.