Staff replied Templates

Article Module shows Video article Thumbnail cut off

Asked by Preamble 3 years ago Last activity 3 years ago

Developing website with Tixon Template 3.0
PageBuilder 5
PhP 7.4.33
Joomla 4

Using Articles element....
2 columb
2 article
Single Row ( 12 )

The Two articles show just fine, with Intro text, Title etc... However, the Thumbnails are Not the same Height, One on Left looks Fine, The one on right is Cut Off.. Looks to be 315px hieght

NOTE: One of the Articles is STANDARD type.. the other Article is VIDEO type..
It is the VIDEO type thumbnail that is cut off..

How do I approach this to make Thumbnails same size?? (The Video thumbnail will click and play...)

7 replies

Oldest first Newest first Most helpful
Toufiq Senior Staff
3 years ago

Hi there,

I appreciate you reaching out. I sincerely apologize for this oversight. Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon. 

-Thanks

Preamble Asked this
3 years ago

As I mentioned. This is being developed on one of our DEV service in a staging environment... It is NOT accessable via the public..
can you setup similar in your environment and test to replicate the issue??

If we have TWO video Article posts, BOTH get croped such as you see in the image I sent.. Its like we need a little CSS to define HEIGHT (maybe?)

Toufiq Senior Staff
3 years ago

You have to to use a mimim height css code for your blog items. Or you can provide me a Akeeba backup zip file. I will share a css code. Thanks

Preamble Asked this
3 years ago

Thank you for your quick attention...

I have found and element and changed the height with specific px hower, this is not correct solution(Not Responsive).
Am I changing the correct element?
What is correct CSS for minimum height as you suggested?
(See new link to images in Private comment)

Thank you

Preamble Asked this
3 years ago

Here is my currect CSS custom ..What are you suggesting I add ?

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color: black; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {color: black;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: #FAF9F6;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a { color: black !important; }

Toufiq Senior Staff
3 years ago

Please create a staging site to check the issue. Cause, it's difficult to solve the issue. Thanks

Preamble Asked this
3 years ago

We will Not be moving Our Development process until it is ready to do so.

You are required to Support your Template per your Terms of Use.

Here is a site you can test with
https://demo.joomshaper.com/?template=tixon

Joomshaper should have an environment to test and resolve this.
We NEVER had support issue with Joomshaper like this in the past.

It is Simple, the Thumbnail SHOULD NOT BE CUT OFF, It Should be RESPONSIVE and in line with the other Articel Thumbnail.

What is the resolution?

Pavel
3 years ago

Hi Preamble.

Try this code instead of min-height. It will be responsive.

.YOUR_CLASS img {
    width: 100%;
    aspect-ratio: 1.7; /* instead of min-height set value as you like*/
    object-fit: cover;
}
Log in to reply.