I have updated the first image on this page:
https://azimuthdesigns.com/index.php/film-tv/films-centered/15-homegrown-christmas

it used to be 100% scalable by width and height, but now it only seems asymetrically scale and does not shrink or grow. This happens every time I update one of the main images on the "Model" pages which i now call "Films"

Here is an example that gracefully is responsive that I have not updated yet.
https://azimuthdesigns.com/index.php/film-tv/films-centered/25-upload-season-2

I'm looking at the code and something called
loading="lazy"
appears to be added to the image. Is this causing the problem? How do I remove it if it is?

    AzimuthDesigns
    Hi
    Please check you should not added the width and height value for this image.
    I can not see any lazy load on site. If issue remain same kindly edit fields in first post and submit a temp super user login for staff.

      I've spent the night looking for any fields related to lazy or height/width...nothing. it's something that is being added in automatically and I'm not able to find a location to control the deletion of height/width from all the images i'm uploading.

      I did update the joomla 4 core last night...if that has any bugs perhaps?

      I'm including the Article page in question as well as it indicates no button for resizing as I have seen in the tutorials.

      Perhaps it's missing?

      Ninja

      Good morning!
      Where can I find the location to remove the height/width from the image?
      I've looked everywhere but cannot locate any mechanism to change that.

      What i'm seeing is that the upload feature automatically assigns width&height parameters.

      Where can I find the feature to remove this or to delete the width&height?

      I see that I'm not the only one noticing this issue. Hopefully we will have an answer soon, since I can't find any way to disable the automatically assigned parameters, and no way to delete it after it's added.

      Ninja If issue remain same kindly edit fields in first post and submit a temp super user login for staff.

      Kindly submit the requested details

        where can i give you this information such that it will be secure?

          AzimuthDesigns
          Hi
          The lazy and with and hight option is added in core Joomla 4 and not from the template.
          it will same for Joomla template you will use.

          Add this code in custom css

          .j40 figure img {    height: inherit!important}

          AzimuthDesigns
          Hi
          open template folder /css/custom.css
          If file not exist create it and add the code, it does not force image for a fix height.

            Nice work!
            I would not have known how to over-ride that issue.
            Thank you so much!!!!!

            Ninja

              AzimuthDesigns
              You are welcome! i have shared feedback with team, it is known issue as adding fixed height by core Joomla is not good for responsive view.

              this file did not exist!

              is this "custom.css" where overrides that can survive template updates go for all future dev I will do?

              I've lost a lot of customization before to failing to add a .css somewhere and editing the raw css files.

              with respect to the other question..

              <a href="<?php echo $value->social_link; ?>" title="" target="_blank">
              <span class="fa fa-<?php echo $value->social_font; ?>"></span>
              </a>

              				
              				where can i add this so that it won't get scrubbed in the next update???

                AzimuthDesigns
                Hi
                open file "‎/html/com_content/article/model-centered.php" in template "ja_aiga".
                Place the same file on local folder
                open file "local/html/com_content/article/model-centered.php" in template "ja_aiga".

                  You need to Login to view replies.