Quantcast
Channel: Joomla! Forum - community, help and support
Viewing all articles
Browse latest Browse all 1433

General Questions/New to Joomla! 5.x • Re: Control Resizing of Article Intro Image

$
0
0
Ok. I've tried to inspect the css and all I can find is max-width: 100%; for img. So I'm not sure what css at add.

Thanks.
Hi.

If you do this...

Code:

img {    max-width: 300px;}
...then this code will apply to all images on the site


You need to use a unique selector to apply the code only to the right blocks. I quickly glanced at your site and did not find an unique selector that could be used. Perhaps you should study the documentation of your template to find out how to add unique selector to the specific type of blocks. As far as I know this is possible in Gantry 5.

I suppose we are talking about this type of blocks?
2.jpg
If so, here is an example of how it should look.

Code:

@media (max-width: 991.98px) {    .SOME_UNIQUE_SELECTOR img {        max-width: 300px;    }}
Or perhaps you don’t even need to use CSS and this already exists in Gantry visual settings. Learn it.

For moderators: I believe this question should refer to a specific template, but not to Joomla 5 General Questions

Statistics: Posted by Pavel-ww — Wed Oct 30, 2024 7:16 am



Viewing all articles
Browse latest Browse all 1433

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>