|
pathwise
|
February 27, 2024 at 7:40 am
Question in this Loom: https://www.loom.com/share/5c9ad4b8af0741e29b033844e5543965?sid=492504c5-73e0-4532-a039-35dd4e0a9b7d
Website for reference: https://nrtraininggroup.com
|
|
Tony
|
February 27, 2024 at 4:02 pm
Hi there,
The difference between those 2 outputs is on the EE pages, the image URLs have a height and width set as attributes. This is your ‘about’ page:
https://monosnap.com/file/93eB9w52jFqGUtGMx7gvfaNXZKy5hE
Notice the images load with no height/width attribute set.
Then looking over the EE outputs:
https://monosnap.com/file/Fu9j5GhMQsbyZgh9KFRwqVJHw36IdD
Those inline attributes have a higher specificity than your CSS.
By just quickly removing those within source you can see the banner loads ‘better’:
https://monosnap.com/file/RiuBKhYcCyMc6r6OUFY6qDtOcTM7tB
Adding width: auto; into your CSS should fix that, you’re already settings a height.
|
|
pathwise
|
February 28, 2024 at 7:38 am
That worked. Awesome – thank you!
|
