Joomla Templates Club 406,261 posts

[tarabarsky Friend tarabarskyJoin date: August 2007Posts: 16Downloads:8Uploads:0 Thanks: 1]

#905140

Hi!

I am trying to use raw (unprocessed and unscaled) photos for Intro Image in Articles through Images & Links tab. It works fine in Safari on Mac. But when I check the website on Firefox (Mac) or IE and Firefox (Win10), I see that the Intro Image is not resized in Category Blog presentation of articles (although it is resized in full Article view).

Examples:

automatically resized https://duplicatemahjong.ru/index.php/tournaments/tournaments-reports/336-report-ivanovo-riichi-2016

not resized https://duplicatemahjong.ru/index.php/tournaments/tournaments-reports

Should I have to edit CSS? Or their is a setting for that in JA Social II?

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

#905256

Hi
Add below code in custom.css file to make the image responsive in all screen sizes .

article .item-image img {

    width: 100%;
}

Path : /templates/Your JA Template/css/custom.css
Create custom.css if file is not there .
Let me know if it helps .

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

1. tarabarsky

[tarabarsky Friend tarabarskyJoin date: August 2007Posts: 16Downloads:8Uploads:0 Thanks: 1]

#905318

Yes, it worked. Thanks!

For my information: does custom.css adds or overwrites the styles?
In the latter case I would use it for some quick fine-tuning of the template.

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

#905319

Hi
You can add new style codes as well as override the already exist style code from custom.css and it will not effected on template update.

[Author]

Posts