@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>

@agarkitekter i like the black&white/color rollover effect in your portfolio, how did you do this?
thanks

Edited that in now… :)

@agarkitekter
Great, but what is the uri?

http://www.agarkitekter.se/

Im finally done with my companys new site. Many thanks goes out to the Enfold support team for all the help along the way! Really great value for the money!

Most customization is on the portfolios (“VÅRA PROJEKT” and “MEDARBETARE”), we were looking for a fast way of viewing the portfolios, so we use only the ajax preview and don’t have any link to a single portfolio page. This way we get a fast navigation without having to switch a page. Some customization was also done though Codeable, such as widening the page and the black and white effect on the portfolios.

Hi Ismael,
I would like to edit config-templatebuilder > avia-shortcodes > postslider.php
I am using a child theme so I set up same path config-templatebuilder > avia-shortcodes > postslider.php and made the changes in the child theme postslider.php but it’s not working. Can’t see the changes in the front-end. It does show the changes when I modify postslider.php in the Enfold theme folder.
What is going wrong?
I appriciate your help.

Ariane

Hey!

You can use the “avf_markup_helper_attributes” filter (can be found in wp-content/themes/enfold/includes/helper-markup.php) to add new attributes to the markup output. The $args variable contains all necessary parameters like context, post type, etc. and imo you don’t need to replace the avia_markup_helper function with a custom function. However if you’re not familiar with the concept and/or usage of filters please hire a freelancer.

Cheers!
Peter

Hi!

If the translation file doesn’t work try to insert this code at the very end of enfold/functions.php. You can also place it in your child theme functions.php file:

add_filter('avia_breadcrumbs_args','avia_remove_breadcrumb_before', 10, 1);
function avia_remove_breadcrumb_before($args)
{
$args['before'] = 'U bevindt zich hier:';
return $args;
}

Regards,
Peter

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!

It’s the page title. It should change on every page (i.e. see the demo: http://kriesi.at/themes/enfold/features/ ) but maybe a plugin or some custom code overwrites/breaks the title. Please try to deactivate all plugins and check if this solves the issue. If yes activate the plugins one by one to find the culprit.

Best regards,
Peter

Upping the memory to 128 the situation get whorse.
I tried to run the website on localhost, and I experienced the same slowness.

Someone can help me?

@Pako69
Thanks for your answer. I see that it is possible to make your own on the website of Addthis. Thats very awesome! So the speed of your site is not going down by using a seperate plug-in.

Can you helping to say where you past the code exactly? And what kind of CSS you have adding? (I think you have adding it by your api code: style=”z-index:10000; background:none; right:0px;”>)

So I think that I can copy the upper code and that I must generate only a own javascript code?

EDIT: Nevermind, I think you have past it in the header.php and the script in the footer.php. But if I want it on the middle of the page and not under the header what do you advise?

• This reply was modified 12 years, 1 month ago by Mike.

Hi nokostudio!

Maybe Enfold can’t regenerate the dynamic stylesheet. Please use a ftp client and connect to your server. Navigate to wp-content/uploads/dynamic_avia/ and set the folder permission to 777. Then delete the enfold.css file and go to Enfold > Theme Options to regenerate the dynamic stylesheet (hit the green “Save all changes” button).

Regards,
Peter

Hi!

Stimmen die Daten wirklich – wenn ich diese eingebe kommt die Fehlermeldung ” Falscher Benutzername” und es scheint, als ob der Benutzer “Enfold” nicht existiert.

Regards,
Peter