mywebguy
Jr. Member
Offline
Posts: 41
|
|
« on: July 15, 2013, 09:31:22 AM » |
|
I'm having difficulty getting any of the image gallery plugins on JED to play nicely with the Traction Template in IE9. I was wondering if anyone else was using an image gallery on their Traction site that they would recommend?
Thanks in advance!
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #1 on: July 15, 2013, 11:09:13 AM » |
|
Hello,
Have you tried any of our extensions such as the Image and Content Fader? All extensions should work provided they are coded properly so they don't conflict with any other site scripts.
-Mike
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
mywebguy
Jr. Member
Offline
Posts: 41
|
|
« Reply #2 on: July 15, 2013, 06:19:16 PM » |
|
Thanks for the reply and I have looked at all of the image extensions here. As I'll be posting a ton of images the plugins make the most sense as I can load them to a single folder for the event, add an article with the plugin code pointing to the folder and it will create thumbs, etc.
I think I've tried everything available on the JED site and they all break the template in IE9... some IE8 as well (according to browsershots.org). I have contacted the developer for the Sigplus plugin (I use it on other sites) and he said that doesn't know what might be creating the conflict. He said he'd look at it if he gets the chance but as it's not been reported elsewhere it doesn't appear that it's a major priority.
I've tried the JQuery plugin as suggested but couldn't get that to help and I've posted on the hire a coder section ($40) but no bites so far.
Really need to get this sorted if possible but obviously don't know where else to go.
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #3 on: July 15, 2013, 06:55:54 PM » |
|
Hello,
The only thing I can suggest would be to install those 3rd party plugins and then try and disabling all the scripts you can within the Template to see if they are conflicting with each other.
These scripts are:
Multibox S5 Box Lazy Load Images
That is really the only scripts that would ever cause a conflict like this. If those are disabled it is most likely coming from another extension you have added.
-Mike
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
mywebguy
Jr. Member
Offline
Posts: 41
|
|
« Reply #4 on: July 15, 2013, 07:09:22 PM » |
|
Thank you, I will try that but it's the css that breaks (doesn't show background image or text styles) so might the scripts be responsible for this?
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #5 on: July 15, 2013, 07:26:11 PM » |
|
Hello,
Could you post a URL with one of these 3rd party extensions enabled with an improper layout?
-Mike
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
mywebguy
Jr. Member
Offline
Posts: 41
|
|
« Reply #6 on: July 15, 2013, 07:33:44 PM » |
|
Thanks, I have tried disabling those scripts in the Vertex framework but it had no impact. I am currently testing disabling the third party styles in the general tab in Vertex (waiting for the screen shot). When it pops up (says about 10min) I'll load the screenshot and a link to the page if it doesn't fix the issue.
Thanks again for your time and support!
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #7 on: July 15, 2013, 07:39:19 PM » |
|
NP
If it is just a CSS issue I can most likely see where its coming from.
-Mike
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
|
mikenicoll
|
|
« Reply #9 on: July 15, 2013, 08:02:19 PM » |
|
Hello,
From what I could see it seems to be working. Could you be a bit more specific on how it is supposed to look? I am not familiar with the extension so I am not sure. It definitely looks like you have a ton of images showing. Is there a max amount of items you can set in the settings?
-Mike
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
mywebguy
Jr. Member
Offline
Posts: 41
|
|
« Reply #10 on: July 15, 2013, 08:11:22 PM » |
|
The plugin is working fine it's just on that page there is no background image for the page or text styling.
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #11 on: July 15, 2013, 08:23:22 PM » |
|
Hello,
They just haven't accounted for the J3.0 Bootstrap CSS changes. I think I found a workaround for now.
Remove the following code block on the server:
bootstrap-default.css - line 721
pre { background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px 4px 4px 4px; display: block; font-size: 13px; line-height: 20px; margin: 0 0 10px; padding: 9.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; }
Add the following code block to the custom.css:
div.sigplus-gallery > ul { background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px 4px 4px 4px; display: block; font-size: 13px; line-height: 20px; margin: 0 0 10px; padding: 9.5px !important; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; }
Also from what I can tell the border isn't supposed to be there by default. It is generated by bootstrap. You can simply remove that line if you don't want any border at all.
-Mike
-Mike
|
|
« Last Edit: July 15, 2013, 08:25:18 PM by mikenicoll »
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
mywebguy
Jr. Member
Offline
Posts: 41
|
|
« Reply #12 on: July 16, 2013, 08:45:55 AM » |
|
Thanks for your time and suggestions. I have removed the code suggested on templates/traction/css/bootstrap/bootstrap-default.css, and added the suggested code on templates/traction/css/custom.css and get the same... No image background and no text styling in IE9.
|
|
|
Logged
|
|
|
|
mikenicoll
|
|
« Reply #13 on: July 16, 2013, 10:15:42 AM » |
|
Hello,
That is something I would suggest contacting the developer about then. I have verified that none of the templates CSS files are interfering by temporarily removing all of it. From what I can tell they just haven't compensated for J3.0s bootstrap CSS overrides.
-Mike
|
|
|
Logged
|
Mike Nicoll ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
mywebguy
Jr. Member
Offline
Posts: 41
|
|
« Reply #14 on: July 16, 2013, 06:07:41 PM » |
|
Thanks again Mike and I have contacted the developer. The strange thing for me is that I've tried 3 or 4 image gallery plug ins and they all have the same issue in IE9 with this template. As I'm wedded to the template and the galleries, emailed the developer and posted a request here for hire a coder I'm at a loss... Thanks again for your time though.
If anyone else has any ideas, or has an image gallery plugin that plays well with this template in IE9 I would be forever grateful for your post!
|
|
|
Logged
|
|
|
|
|