© Bakual

Joomla 5, No Responsive scaling of images in articles

Mehr
4 Tage 20 Stunden her #6012 von Ole Fisker
I'm having an Issue with responsive scaling of image in an Article.
Have used the css for the Header-logo :
.imglogo img {
    width: 100%;
}
which works fine.

Please see example here:  maxbf.dk/index.php/en/
If I use the Cassiopeia-template it works.

Thank You very much in advance

Best regards
Ole Fisker

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
4 Tage 17 Stunden her #6013 von Thomas Hunziker
That rule you have only works for the logo in the header (imglogo). If you want it to apply to any image, you have to remove the ".imglogo" part and only keep the "img".
But that may or may not tamper with other images on the page.
The better approach would be to add a CSS Class to your image. If you add "img-fluid" to that picture, it will automatically scale to the screen size.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Tage 11 Stunden her #6014 von Ole Fisker
Hi Thomas

Thank You very much, I really appreciate Your help :-) 
You do always have usefull suggestions.

I have startet with Your first solution, which seems to work like a charm. It seems to be the easiest, don't have to remember to insert the CSS when using an image.
But I can't figure out if the first solution can result in some unforseen issues in the future.

Best regards
Ole

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Tage 11 Stunden her #6015 von Thomas Hunziker
Just keep it in mind if a picture doesn't behave as expected. Then you have to change the rule :-)

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.264 Sekunden