Joomla Templates Club 406,261 posts

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#680759

http://mt5.mwinda.org/index.php/teline-v-events/663-mega-meeting-de-brazzaville

I added this CSS to custom.css but bottom of image remains hidden. Same if I change events.css directly.
}
.layout-events .event-main .magazine-item-media {
width: 100%;
/* max-height: 336px; */
overflow: hidden;
margin-bottom: 24px;
}

But in Inspect Element it reveals the bottom of the image as shown in image below.

I also tried in my test site – same result.

Tim
c.c. @victortopper

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#680781

Hi
Use below code to override the css .
add this in custom.css file

.layout-events .event-main .magazine-item-media {

max-height: 450px!important;
}


save and check.

1 user says Thank You to Pankaj Sharma for this useful post

1. timtecsa

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#747010

Hi
Use below code to override the css .
add this in custom.css file

.layout-events .event-main .magazine-item-media {

max-height: 450px!important;
}


save and check.

1 user says Thank You to Pankaj Sharma for this useful post

1. timtecsa

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#680909

Thanks, @pankajsharma.

That works well. I guess I should learn about CSS overrides.

Tim
c.c. @victortopper

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#747088

Thanks, @pankajsharma.

That works well. I guess I should learn about CSS overrides.

Tim
c.c. @victortopper

[Author]

Posts