Joomla Templates Club 406,261 posts

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#884167

Hi,

Module ID :105

1. The image over-lapped the title link. Is it possible reduce the image size?
2. How to disable the mouse hover on the image thumbnail? I want an image always showing on page.
3. The image didn’t display on mobile layout.

Thanks.

---

Attachments:

1. 
2. 

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

#884176

Hi
For the issue related to overlapping i did not notice nay issue with the image , While the image does not showing in small devices as the hover effect does not work in the small devices , If you want to show the image in small devices it cover the event details at first , that why its hidden .
To show it add this code in custom.css file

@media screen and (max-width: 767px) {
.event-featured-slider .event-slider .event-item .event-ct .item-image {
     display: block!important;
}}

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#884178

I can’t click the title link when the image over-lapped on the title.So,Any idea can be reduce the image size until the title showing on page again?

It is because the event details doesn’t show on our page.So I prefer the image always display on the page.

Thanks.

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

#884186

Hi
You can add a fixed height but it effect the image as it not fit correctly .
add this code in custom.css file

@media screen and (max-width: 767px) {
#section-105 .event-featured-slider .event-slider .event-item .event-ct .item-image img {

height:100%!important;
}}

change the height value as per needs or set it to 100% as its now . By default it was auto .

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#884194

Is it possible the image under the date and title?
So, the title can be clickable on page.

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

#884214

Hi
sorry the image does not behave like this way as its designed in this way to show on site You can adjust the image width and height with the code i sent in previous post .

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#884227

OK. The last question, how to disable the hover effect ?

Thanks.

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

#884233

Hi
Add this code in custom.css file

.event-featured-slider .event-slider .event-item:hover .item-image {
    opacity: 1!important;
    filter: alpha(opacity=0);
}

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

1. hoknight

[Author]

Posts