-
Posts
-
(originally posted on another topic – posting here after Peter’s message https://kriesi.at/support/topic/images-and-text-jumps-when-moused-over#post-112110 )
Hi Team,
An image uploaded via Advanced Layout Editor goes from right to left after clicked or hoovered in Firefox.
Screenshot: http://demo.globalads24.com/wp-content/uploads/2013/05/Picture26adj.jpg
Live pages:
b.) http://babyblueshelp.com/baby-blues
Can this be corrected with css or it would be fixed in the next update?
thx
jasmine
Try following – in enfold/avia.js replace:
var link = $(this),
current = link.find('img:first'),
url = link.attr('href'),
span_class = "overlay-type-video",
opa = 0.7;with:
var link = $(this),
current = link.find('img:first'),
url = link.attr('href'),
span_class = "overlay-type-video",
floatdirection = 'none',
textalign = '',
opa = 0.7;
if(current.hasClass('alignleft')) floatdirection = 'left';
if(current.hasClass('alignright')) floatdirection = 'right';
if(current.hasClass('aligncenter')) textalign = 'center';and:
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }with
if(!link.css('display') || link.css('display') == 'inline')
{
link.css({display:'block', float:floatdirection});
}
if(textalign != '') link.css({'text-align':textalign});Hi!
Great, I’ll ask Kriesi to add this fix to the next update. I even found a better (more efficient) solution – in avia.js replace:
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }with
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'block'}); }and
var link = $(this),
current = link.find('img:first'),
url = link.attr('href'),
span_class = "overlay-type-video",
opa = 0.7;with
var link = $(this),
current = link.find('img:first'),
url = link.attr('href'),
span_class = "overlay-type-video",
opa = 0.7;
if(current.hasClass('alignleft')) link.addClass('alignleft').css({float:'left', margin:0, padding:0});
if(current.hasClass('alignright')) link.addClass('alignright').css({float:'right', margin:0, padding:0});
if(current.hasClass('aligncenter')) link.addClass('aligncenter').css({float:'none','text-align':'center', margin:0, padding:0});The changes I posted before are not required.Imo this solution is a bit better because it takes advantage of the default wp classes.
Best regards,
Peter
Thanks so much Kriesi,
just updated to 1.5.1 and it works perfectly :) You have a great team behind you as Peter, Ismael, Nick and Devin always help usually within a day or two and sometimes within a few hours and we really L0VE Enfold!
@Peter thanks so much for all your help and for the suggestion to Kriesi to include in the latest update :)
Best regards,
jasmine
- The topic ‘Image moves from right to left (Firefox)’ is closed to new replies.