Support

Support is part of Event Gallery Extended.

Please get a subscription if you need support. Feel free to use the ticket system or the contact form for reporting defects or pre-sale questions. Make sure you're logged in in order to be able to create a new ticket.

For general information you can also jump to the manual.

Subscribe now!

#3282 Tiles Layout stop working

Posted in ‘Event Gallery - General’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by sbluege on Friday, 05 October 2018 20:23 UTC

esmarmix
Good afternoon, Dear Sven!

Could you be so kind and help me understand why the Tile Layout can stop working? As i remember it was no updates with the site and components, i have a lot of custom .css but it doesn't effect to any images. Finally i backuped the site to the version that was before using Event manager, installed it again - no result(
So i have menu Items:
1) Eventgallery » Event » Event - Tiles List
http://new.speranzacouture.com/bridal
2) Eventgallery » Categories » Categories - List
http://new.speranzacouture.com/venice
Everywhere it set up for Tiles (please kindly find prtscr attached).
When i installed the component two days ago - everything was just perfect with Tiles Layout... I'm trying to figure the problem out for about 4 hours without any idea:)
Many thanks in advance!

Attachments

Screen_Shot_2018-10-03_at_00.59.59.png
Screen_Shot_2018-10-03_at_00.59.24.png
Screen_Shot_2018-10-03_at_00.59.12.png

sbluege
Hi,

I quickly check the two links you provided. I don't see any issue. It the problem is still there, please use a screenshot to highlight it.

esmarmix
Thank you much for such a quick reply!
Please have a look to screen attached.
I wanted the images layout like 'pinterest' as i understood it's a Tiles - one is that on the middle a little higher or lower/below that is on the left and right side

Attachments

1.jpg

sbluege
I see. If all images are of the same size, the layout is like yours. You can mix in some landscape images to achieve a layout like on the right side of your screenshot. But Event Gallery will not crop your files in this layout mode. 

esmarmix
Thank you, thank you, thank you!
It works)

May i ask you for 1 more question? Could you advice me how to make correct hover colour effect for images in list, because i can't find it eventgallery.css but i can see that it's something like white hover effect there.

Many thanks in advance!

sbluege
I recommend not to use a hover effect. This will not work on mobile. I know I still have it in for the other layout for events, but I'll remove it there, too.

esmarmix
Hm... but it's there... i just want to change it from white to black:)
Please kindly find prtscr attached

Attachments

2.jpg

sbluege
I don't saw this behavior in Chrome. But in Edge and Firefox it is there. Your custom.css is responsible for this.

Attachments

2018-10-04-1.PNG

esmarmix
Interesting... i have a white hover effect in Chrome and Safari and in my custom.css i was trying to make it black:) as you can see it's b-color:#000; but it still white...

Attachments

Screen_Shot_2018-10-05_at_20.19.10.png

sbluege
Try this:

#event .eventgallery-tile .wrapper{
  background-color: black;
} 

#event .event-thumbnail img:hover{
  opacity: 0.8;
} 


Since the opacity makes the image transparent, you need a black background somewhere. The wrapper element is a good place to start.

esmarmix
Oh! Thank you much!!!

sbluege
You're welcome.