Article Module Shows Video Article Thumbnail Cut Off - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Article Module Shows Video Article Thumbnail Cut Off

P

Preamble

Template 2 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...)

0
10 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #125153

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

0
P
Preamble
Accepted Answer
2 years ago #125203

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?)

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #125283

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

0
P
Preamble
Accepted Answer
2 years ago #125357

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

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #125444

Please check the screenshot.

https://prnt.sc/Qfk3wAriZocR

0
P
Preamble
Accepted Answer
2 years ago #125858

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; }

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #125941

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

0
P
Preamble
Accepted Answer
2 years ago #127577

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?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #127658
0
Pavel
Pavel
Accepted Answer
2 years ago #127592

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;
}
0