-
-
Hi
I have an issue that is only affecting Firefox and not other browsers (such as Chrome, IE, Edge).
The issue is related to the revolution slider plugin that comes with the Tower theme. It looks like it could be a jquery/javascript conflict but only in Firefox.
I am using Carousel galleries on a couple of the website’s shop products. These have thumbnail navigation. In Firefox, this thumbnail navigation is off center (to the right). All other browsers show the navigation correctly in the center.
The div class for <span style=”color: #222222; font-family: Consolas, ‘Lucida Console’, monospace; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: #ffffff;”>tp-thumbs </span>that has the thumbnail navigation inside, looks to generate styles on the fly (presumably from a script) such as max-width and transform. These values differ in firefox then they do chrome for example, which is where I suspect things are going wrong.
I want to find out if this is a conflict issue from the theme.
Links below in the next post.
Thanks for your help.
-
Hi
I have an issue that is only affecting Firefox and not other browsers (such as Chrome, IE, Edge).
The issue is related to the revolution slider plugin that comes with the Tower theme. It looks like it could be a jquery/javascript conflict but only in Firefox.
I am using Carousel galleries on a couple of the website’s shop products. These have thumbnail navigation. In Firefox, this thumbnail navigation is off center (to the right). All other browsers show the navigation correctly in the center.
The div class for “tp-thumbs” that has the thumbnail navigation inside, looks to generate styles on the fly (presumably from a script) such as max-width and transform. These values differ in firefox then they do chrome for example, which is where I suspect things are going wrong.
I want to find out if this is a conflict issue from the theme.
Links below in the next post.
Thanks for your help.
-
-
Hello,
Please add this code into your custom css box:
@-moz-document url-prefix() { .tp-thumbs { left: 33% !important;} }
Let us know.
Best regards!
-
Hi,
Thanks very much for the reply. It only worked on the sliders that had 5 thumbnails. But I used your CSS to target the others with less thumbnails and repositioned them.
Thanks.
-
You must be logged in to reply to this topic.