Title: oceanWP canvas not loading
Last modified: March 24, 2018

---

# oceanWP canvas not loading

 *  Resolved [mrb33600](https://wordpress.org/support/users/mrb33600/)
 * (@mrb33600)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/oceanwp-canvas-not-loading/)
 * Hi,
 * I’m working in localhost with xampp in order to get the shine effect like on 
   the logo shown in the link. I can get this effect with suitable canvas property
   in themese other than oceanwp like wp 2016, 2017 and some others. In order to
   get that effect I need to load erlated js files. I did that, but canvas html 
   did not load with oceanWP. van anyone help?
 * related js files are jquery-1.7.min.js, jquery.pixelentity.shiner.min.js and 
   preview.js.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Foceanwp-canvas-not-loading%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/oceanwp-canvas-not-loading/#post-10110541)
 * Hello, I can only help if you have a problem with the default theme features 
   not with customizations, sorry.
    And as I cannot see the site in live it would
   be even too complicated. But if the issue is because you have selected the canvas
   template, you just need to select the default template.
 *  Thread Starter [mrb33600](https://wordpress.org/support/users/mrb33600/)
 * (@mrb33600)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/oceanwp-canvas-not-loading/#post-10112068)
 * No, I selected default template. In order to get the shiner effect as seen in
   the link I gave there has to be a code in the header php file like: `<div class
   =”Logo”>
    <a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” title=”Özgün Bilgi
   Eğitim Kurumları”> `<div class=”peShiner” style=”position: relative; padding:
   0px; outline: 0px; width: 54px; height: 39px;”> <canvas width=”54″ height=”39″
   style=”position: absolute; box-sizing: content-box”></canvas> ⌊Özgün Bilgi Eğitim
   Kurumları, Eğitimde Başarı, özgün, öss, öys, lys, lgs, yks, tks, teog, burs⌉ 
   </div>
 * </div>
 * anf you need to load the js files in the functions.php file like:
 *     ```
       function peshiner_ob () {
       	wp_enqueue_script ('jquery-1.7.min', get_stylesheet_directory_uri () . '/js/jquery-1.7.min.js', array('jquery'));
   
       	wp_enqueue_script ('peshiner_get', get_stylesheet_directory_uri () . '/js/jquery.pixelentity.shiner.min.js', array('jquery'));
   
       	wp_enqueue_script ('peshiner_run', get_stylesheet_directory_uri () . '/js/preview.js', array('jquery') );
       }
       add_action( 'wp_enqueue_scripts', 'peshiner_ob' );
       ```
   
 * and style logo div like:
    `.Logo { width: 100px; height: 80px; position: absolute;
   margin: 2px 0 0 8px; }
 * What I want say is I can obtain the shine effect like shown in the web page I
   mentioned, in the themes other then oceanWP. Some thing in oceanWP prevents it.
   And I think it is about the canvas property because when inspect this issue with
   mozilla firefox and look the canvas section it says that “canvas error debugger
   could not find and requestAnimationFrame or setTimeout loop”. However when I 
   did the same in the themes other than oceanWP no error message appears and canvas
   property loads the image.
 * I can that there is no problem with coding I did, I checked it many times and
   it workes in the themes other than oceanWP.
 * I dont want to use other theme because of that because I liked oceanWP theme.
   But I cannot find a solution to that unfortunately I will have to use other themes.
 * Thanks in advance.
 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/oceanwp-canvas-not-loading/#post-10112578)
 * Hi, if I cannot see the site, I would not be able to help. Put the site live,
   and create a pre-purchase ticket, I will ask you information to be able to help
   you.
 *  Thread Starter [mrb33600](https://wordpress.org/support/users/mrb33600/)
 * (@mrb33600)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/oceanwp-canvas-not-loading/#post-10112690)
 * OK, I found it. Lightbox.min.js and main.min.js files of the oceanWP theme prevents
   the js files which are required to get the shining effect. When I played with
   the codes of the theme in order not to load those scripts my desired effects 
   occurs.
 * Frr now, I dont know if disabling those scripts will affect any thing I want 
   to arrange on the site. I will wait and see.
 * Thanks for your responses.
 *  Thread Starter [mrb33600](https://wordpress.org/support/users/mrb33600/)
 * (@mrb33600)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/oceanwp-canvas-not-loading/#post-10112706)
 * Also loading the required scripts to get that effect after the conflicting scripts
   mentioned above solves the problem.
 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/oceanwp-canvas-not-loading/#post-10113241)
 * Glad to hear that you find a solution 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘oceanWP canvas not loading’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.5/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/oceanwp-canvas-not-loading/#post-10113241)
 * Status: resolved