Same problem here. I have build my site on a subdomain and migrated it this afternoon to my main domain. After the migration the icons appear as chinese signs in IE11 (in Chrome it seems to be fine). The Arrow to scroll back to the top and the magnifying glass next to the search field aren’t dispayed at all.
I have tried a clean install of the theme by FTP, clearing the cache of IE11 but nothing helps. Any clue what might be the problem or could have gone wrong with the migration of my website?

Regards,
Erik

@pako69

I got help with that, in header.php, just before </head>, I’ve added:

<script>
// On window load. This waits until images have loaded which is essential
jQuery(window).load(function(){

// Fade in images so there isn’t a color “pop” document load and then on window load
jQuery(“.isotope img”).fadeIn(500);

// clone image
jQuery(‘.isotope img’).each(function(){
var el = jQuery(this);
el.css({“position”:”absolute”}).wrap(“<div class=’img_wrapper’ style=’display: inline-block’>”).clone().addClass(‘img_grayscale’).css({“position”:”absolute”,”z-index”:”998″,”opacity”:”0″}).insertBefore(el).queue(function(){
var el = jQuery(this);
el.parent().css({“width”:this.width,”height”:this.height});
el.dequeue();
});
this.src = grayscale(this.src);
});

// Fade image
jQuery(‘.isotope img’).mouseover(function(){
jQuery(this).parent().find(‘img:first’).stop().animate({opacity:1}, 1000);
})
jQuery(‘.img_grayscale’).mouseout(function(){
jQuery(this).stop().animate({opacity:0}, 1000);
});
});

// Grayscale w canvas method
function grayscale(src){
var canvas = document.createElement(‘canvas’);
var ctx = canvas.getContext(‘2d’);
var imgObj = new Image();
imgObj.src = src;
canvas.width = imgObj.width;
canvas.height = imgObj.height;
ctx.drawImage(imgObj, 0, 0);
var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
for(var y = 0; y < imgPixels.height; y++){
for(var x = 0; x < imgPixels.width; x++){
var i = (y * 4) * imgPixels.width + x * 4;
var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
imgPixels.data[i] = avg;
imgPixels.data[i + 1] = avg;
imgPixels.data[i + 2] = avg;
}
}
ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
return canvas.toDataURL();
}
</script>

Hey theroyalvideographer!

1) I’m not sure which social bookmarks plugin you use at the moment but please try: http://wordpress.org/plugins/simple-share-buttons-adder/ – I know some users already use it with Enfold without any issues. You can even use it for advanced share buttons (post slider, etc.: https://kriesi.at/support/topic/add-share-buttons-to-postslider-php/ ).

2) Can you post a link to the comment form? I need to investigate the css code.

Regards,
Peter

Hey!

Please create me an admin account – I’ll check the configuration. When I use the login credentials here: https://kriesi.at/support/topic/post_gallery-filter/#post-214021 I just get a white screen.

Regards,
Peter

Hi aquatucker!

Insert this code into your functions.php file:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
	$sub .= "<strong class='logo-title'>My Text</strong>";
	$sub .= "<strong class='logo-title logo-subtitle'>Another custom text line</strong>";
	return $sub;
}

and replace the “My Text” text and “Another custom text line” with your custom text. Then insert this code:

#top .logo-subtitle {
color: #aaa;
top: 7px;
}

#top .logo-title {
transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
font-size: 12px;
color: #000;
position: absolute;
left: 7px;
top: -7px;
opacity: 1;
white-space: nowrap;
}

#top .subtext {
float: left;
position: relative;
}

#top .header-scrolled .logo-title {
opacity: 0;
filter: alpha(opacity=0);
}

into the quick css field.

Cheers!
Peter

Hi!

Ich würde grundsätzlich davon abraten den Banner so zu platzieren, da beim responsive Design es zu unschönen Darstellungsfehlern kommen kann, wenn der Banner außerhalb der Content Area bzw Sidebar angezeigt wird. Wenn du es trotzdem machen möchtest besteht zB die Möglichkeit das Banner Widget mit position:absolute; oder position:fixed; zu platzieren (um es aus dem Content Bereich zu ziehen) und dann kann man mit top/left Angaben die genaue Position bestimmen. Genaue Hilfestellung (mit CSS Code, etc.) kann ich nur geben, wenn ich mir die Website samt Banner Widget ansehen kann.

Best regards,
Peter