Support

 So im using the Latest Events module and i notice it keeps cutting off part of the images.
I have the category of the event set to display at GRID
and im looking at say this image
http://www.cathyrosselli.com/components/com_eventgallery/helpers/image.php?option=com_eventgallery&mode=full&view=resizeimage&folder=JillianandWillRocktheDress&file=IMG_6573.jpg

but in the module, they heads and lower parts of their legs are cut off

This is also present when looking at the Event itself not only as the display in the Module

where are you seeing a page like that?
i just checked in both firefox and chrome and this page

http://cathyrosselli.com/portfolio/theme-sessions/event/CountryKids

doenst appear the way you showed in the screen shot of the kid in jeans picture aligned lower than the rest


Am i missing something?

but i did those changes you suggested and my page doesnt look the same as you suggested it should.

Take a look at the link to the page i provided above

your SHARE buttons in your sceenshot are OVERLAYING the images
mine are not

the 3rd picture from the left of the little boy in jeans looking right:
Your screenshot shows him head to two
My real page doesnt show this but his heand and feet are cut off

This is after the suggested changes

something isnt right. im not sure where that code is coming from because this
"height: auto !important;"

i can only find TWO references to it in the template files.

Once where it relates to the "RedShop" component of which i do not have installed
Again it is referanced for

sorry. I had to post that partial message above because everything was freezing or osmething and i had already typed that much when the computer wanted to restart

So youre saying i need to find ALL references to
"height: auto !important;"
in my template files and remove them?

Because theres a LOT of lines that reference this

Yea im not too sure about that my good man

s5_vertex_addons.php
At Line # 29
-----------

img {
<?php if ($s5_auto_height == "yes") { ?>
height:auto !important;
<?php } ?>
<?php if ($s5_max_width == "yes") { ?>
max-width:100% !important;
-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */
<?php } ?>
}

-----------

There is also this which im not sure if it counts however this type of call appears MANY times in the template css folder and subfolder

vertex.css
At line #98

.vertex-plain-spacer img {
display:none !important;

<------Does this count as well?

WOW i have no idea how this is happening
i applied this as you asked for the paging issue

.clear {
clear:both;
}

I went and (using dreamwever) i seached for all referances to
"height: auto !important;"
and i remove the "!important" call

Then i saved and reuploaded ALL the template files, not just the ones i edited.

The page still looks the same with the same problem.
I used CHROME to see the same issue you do with the "Element Inspector"
and with that i still see "height: auto !important;"

But i have just spent the last 45 minutes making SURE no referances to that call are present in my template files offline
And i cant find ONE reference to it.
But still the problem persists on this page.......... I have no idea what is causing this.
Inspector says its present
Dreamweaver says the code is NOT present

I am attaching a screenshot of my dreamweaver results

I told it to seach the entire ROOT folder for

img {
height: auto !important;

and to search for

height: auto !important;

It only found references to the SECOND code
Its on TWO pages so i removed the !important from there

Now keep in mind this is out of searching over 5,000 files

It was removed from here

#redshopcomponent .cart-link {
    float: none;
    height: auto ;
    text-align: left;
    width: 239px;}	

and from here

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto ;
    overflow: visible !important;

Now i know these two files have nothing to do with this element showing in the inspector or the EventGallery Events page in question.
But i edited them and uploaded them anyway

Then i refreshed the page........................no change............nothing

yea got it to work
as you can see it was an enduring process

THere are template settings but i cant find any one correct in the admin area to adjust this output
Im guessing this is the fallback to set it as NO just incase but....its done now