CSS Photo View

[Giuseppe Longhini]

Hello, maybe is a stupid question for you but I’m just learnig how to use CSS and customize the photos dimensions in “Photo View” of your plugin.
I read this guide https://theeventscalendar.com/knowledgebase/themers-guide/#customizingstyles
I made the directory tribe-events/pro in my theme and added this code to the file tribe-events-pro.css
.tribe-events-list .tribe-events-event-image img {
height: 214px;
width: auto;
margin: 0;
padding: 0;
}
But it doesn’t work. Why? 🙁

If I add the same code to my custom CSS of my theme it works but just in the default events page: https://www.cineluxlivigno.it/eventi/foto/
Why it doesn’t modify also the “Photo view” in my home page added with this code [tribe_events view="photo"]?
The home page is this https://www.cineluxlivigno.it
Thank you
Eros

[Courtney]

Hi Giuseppe

The Photo View uses jQuery Isotope to output the items in a Pinterest-type grid but not in a rigid row-column type grid.

If you’d like to see the sorting script improved, feel free to suggest it as an enhancement at our plugins’ UserVoice page.

This allows others who are interested in that feature to easily voice their support. We frequently review suggestions there to find out which ones are popular, then we implement as many of them as we can.

If you’re wanting Photo View’s sorting or grid/layout customized for your site, I’d guess any customization would need to be done via JavaScript, not CSS. If you need some coding help, you may want to ask your developer or reference our list of known customizers.

Thanks
Courtney 🙂

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts