- Posts: 647
- Thank you received: 31
resize event images to a standard size in EB modules
- David Unwin
-
Topic Author
- Offline
- Platinum Member
-
2 years 10 months ago #152303
by David Unwin
resize event images to a standard size in EB modules was created by David Unwin
For some of events, we add an image in the event field.
When we display the event say in the Event Slider module. The imgae comes out blurred and oversized.
See scree shot
I think this is because we are using a small image already.
Is there a way to set the size of the image ie 40 x 60 pixels so that all the images are a standard size. There does not appear to be anything in the Theme configuration or Module settings.
I assume we have to do this with CSS, but I am not sure what code I need.
Any ideas?
When we display the event say in the Event Slider module. The imgae comes out blurred and oversized.
See scree shot
I think this is because we are using a small image already.
Is there a way to set the size of the image ie 40 x 60 pixels so that all the images are a standard size. There does not appear to be anything in the Theme configuration or Module settings.
I assume we have to do this with CSS, but I am not sure what code I need.
Any ideas?
- Tuan Pham Ngoc
- Offline
- Administrator
-
- David Unwin
-
Topic Author
- Offline
- Platinum Member
-
2 years 10 months ago #152305
by David Unwin
Replied by David Unwin on topic resize event images to a standard size in EB modules
Hi Tuan,
I did as you said. See config option I set, but it made no difference.
I will open up a support ticket and come back to this forum item later
David
I did as you said. See config option I set, but it made no difference.
I will open up a support ticket and come back to this forum item later
David
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
-
- David Unwin
-
Topic Author
- Offline
- Platinum Member
-
2 years 10 months ago #152316
by David Unwin
Replied by David Unwin on topic resize event images to a standard size in EB modules
Tuan very kindly made changes to the Event Booking CSS - See attached screen shot. Note: This only applies to Events Booking Events Slider Module
He also made following recommendations for EB configuration Event Thumb and Large Image
1. For thumbnail image, you would have to try and determine the width and height you need. For example, set width to 200 and Height to 200 (or 150x150)
2. For large image, you can leave it empty, so no resize is needed. Then the large image will be displayed as how it is uploaded. Otherwise, set it to 800x600 for example and check to see if it is displayed properly
Anyone else having similar problems might want to try these changes
He also made following recommendations for EB configuration Event Thumb and Large Image
1. For thumbnail image, you would have to try and determine the width and height you need. For example, set width to 200 and Height to 200 (or 150x150)
2. For large image, you can leave it empty, so no resize is needed. Then the large image will be displayed as how it is uploaded. Otherwise, set it to 800x600 for example and check to see if it is displayed properly
Anyone else having similar problems might want to try these changes
Moderators: Tuan Pham Ngoc