Images Cropped To The Right In Categories
Fernando Bautista
Best regards and I hope you are well.
I updated to Joomla 5 and it worked fine, however, I have a problem with the images of the articles.
Since November 1, when entering the "Cundinamarca" category, the images of the articles appear remembered on the right (attached image capture) it only happens if I enter the category, I have not seen this problem in other categories because I have not written articles for those categories since November 1st but I assume they would have the same behavior.
**https://prnt.sc/xmU8hXt23QlE
https://portalnews.co/cundinamarca**
However, if I go to read the article, the image does take the full width.
Some time ago I asked how I could stretch the entire image because it didn't turn out well and someone indicated the following code that I currently have in custom CSS:
*/ Expand image of articles to 100% */
.view-article .article-full-image img{ width: 100% !important; }**
Could you please tell me how to solve the problem.
In advance, thank you very much for your kind collaboration.
Greetings from Colombia.
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this custom CSS in your custom.css file
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img{
width: 100% !important;
height: 250px !important;
}
Fernando Bautista
Accepted AnswerBest regard.
The code worked correctly, I bring the images from Pinterest because leaving them on the hosting would take up all the space, that's why I bring the images from Pinterest.
In the code I decided to eliminate the height and it worked better only with the width, which is ultimately what I needed.
Thank you very much for your kind collaboration.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL? So that I can check.
-Regards.
Fernando Bautista
Accepted AnswerHello
I don't understand, in the first comment I left everything necessary explaining the problem (screenshot and website link) with the problem.
I'll still leave the website in question: