I am hoping that this is where he gantry experts help out.,
I am running Alerion on Joomla 2.5.9 and Jomsocial 2.8.4. The issue happens with every template using the Gantry 4 framework less.css and Jomsocial. I would posit that Rockettheme and Jomsocial are two very common extension/template and I am sure others will or have been having this issue. The PROBLEM is:
When viewing my site with IE 10, Jomsocial Photos do not appear. Open this link in IE to see what I mean:
**deleted**problem is fixed
Does anyone have any idea how I can tackle this? I need some help. I tried putting in snippets of css from jomsocial's photo.css and while it changes style elements, I cannot figure it out. I can't use firebug to accurately pinpoint the file so I am at a loss. When less CSS is disable by removing the offending code, the problem fixes but of course I lose styling everywhere else on the theme. Is there a way to maybe only disable it on this page or even change something in the custom less css to allow the photo to display?
I took a look, I see that the image doesn't show, but I don't see what the cause is exactly.
By removing the bootstrap call - you're basically disabling an entire library of CSS - the whole template, responsive, baseline styling ECT comes from Bootstrap. The fact it works without it tells you to look in the bootstrap.less file for the real answer - the .css files are the compressed output files, so edits made there will be removed the next time the page is refreshed.
Have you asked about this on the JS forums? The Bootstrap library is standard in Joomla 3 and up - it's part of Gantry, but not made by us. If there is a style issue between the two, they might have a better idea of what it is. I don't see any errors or indicators of what the problem might be unfortunately.
The difficult we do immediately, the impossible takes a little longer.