Certificate background image disappear when click to preview and print

[joaorocham]

Everytime a user try to see their certificates, they click on certificate and for a short time It's everything working just fine, but after a few seconds the backgroudn image disappears and it displays just the text. Happening in Chrome and FireFox

[MrVibe]

This is common issue. By the time background image is loaded the certificate is rendered by the script. The issue appears when the certificate image is loaded from other servers. Do not load the certificate image from external servers or CDN.  

[joaorocham]

I uploaded the image by wordpress itself. Where should I upload it then?

[MrVibe]

Can you share your site link and a profile page where we can check this issue.  

[joaorocham]

Site: http://gameacademy.com.br/ Member page: http://gameacademy.com.br/members/gustavorodrigues/ Image URL: http://gameacademy.com.br/wp-content/uploads/2015/10/GA_Certificado3.png Login: suport Password: suportwplms

[MrVibe]

Not able to login using above credentials. Also it seems you've enable the buddypress single member privacy settings, so I need to login to view the certificate.

[joaorocham]

This credentials are fine, I used it right now, but anyway, use the administrator credentials.   Login: Admin Password:Ga#01022015

[MrVibe]

refer screenshot : http://prntscr.com/8z8gak  

[MrVibe]

The certificate background is rendered by CDN. Seems like you're using Jetpack Photon. So we needed to skip the certificate background image from photon. I used the following tutorial : http://jetpack.me/2013/05/03/skip-a-image-with-photon/ and following code to skip the image :

function wplms_certificate_bg_image_photon_exception( $val, $src, $tag ) {
        if ( $src == 'http://gameacademy.com.br/wp-content/uploads/2015/10/GA_Certificado3.png' ) {
                return true;
        }
        return $val;
}
add_filter( 'jetpack_photon_skip_image', 'wplms_certificate_bg_image_photon_exception', 10, 3 );

[Author]

Posts