when i put the code in site it didnt work. i wanna ad this pen to this page of my website: [ redundant link removed ]
also i cant put anything like text,picture,video,… in this card. is there anyone to help me?
]]>I am trying to buld a site for my business using wp and I am having some problems. I saw some interesting fullscreen menus and changing the arrow screen cursor to a dot. I tried to integrate the codepen codes, but I am having problems.
I have read the enqueue tutorial here on wordpress
https://developer.www.ads-software.com/themes/basics/including-css-javascript/
but I am still having problems because it does not work. I am not from the IT or programing industry, so my knowledge is very basic. I googled it but nothing works. I am sure that due to the lack of my programing knowldge, basics, I am doing something wrong.
My process was:
a) I created a child theme in Wp, still on my localhost, using wamp
b) I found a code on codepen with html, css and js code. I downloaded those files.
c) I copied the html code and inserted it in my Child theme header.php file
d) On my pc, in C/wamp64/www/wordpress/wp-content/theme/my-theme-child/ I created two files, one is caled js and the other is css;
e) From the codepen downloaded file, where I had two maps dist and src, I copied from the dist map two files, one js called script and the other css called style;
f) I pasted the js file to my-theme-child/js and the css file to the my-theme-child/css
g) Than I went to my Child theme functions.php and I added this code:
function add_theme_scripts() {
wp_enqueue_style( 'style', get_stylesheet_uri() );
wp_enqueue_style( 'style', get_template_directory_uri() . '/css/style.css', array(), '1.1', 'all');
wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );
Now when I preview my page in my browser on top of the page the menu is not as it should be (there is only Home, about, contact text on the left side with white background, no hamburger button…).
I know I have done something wrong, but I can not figure out what.
I woud be very happy for any kind of help at resolving this problem.
Thank you & Best regards,
BR
Explanation:
The background overlay has text which has been cut out in photoshop. Do I need to reach out to Elementor or is there another setting in Code Snippet which will override the background overlay?
Also: I am running the snippets “everywhere”.
Thanks in advance
]]>Thank you so much for your help.
Ruby
the one that is been showed is writen like this:
<link rel=”stylesheet” href=”https://10agencia.com/wp-content/themes/themeforest-7758048-betheme-premium-wordpress-theme-93/betheme/js/cuztomjs/css/style.css”>
<canvas id=”main_canvas”></canvas>
<script src=’https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.5/dat.gui.min.js’></script>
<script src=”https://10agencia.com/wp-content/themes/themeforest-7758048-betheme-premium-wordpress-theme-93/betheme/js/cuztomjs/js/index.js”></script>
and woooala it works
but… the problem is that i don’t why the other html code is not been showed in wp
i want to put these javascript: https://codepen.io/harydas/pen/Maewgq
and i did the same codex process than before but i don’t know why wordpress is not showing it:
<link rel=”stylesheet” href=”https://10agencia.com/wp-content/themes/themeforest-7758048-betheme-premium-wordpress-theme-93/betheme/js/constelattions/reset.css”>
<canvas></canvas>
<script src=”https://10agencia.com/wp-content/themes/themeforest-7758048-betheme-premium-wordpress-theme-93/betheme/js/constelattions/prefixfree.min.js”></script>
<script src=’https://cdnjs.cloudflare.com/ajax/libs/zepto/1.0/zepto.min.js’></script>
<script src=’https://cdnjs.cloudflare.com/ajax/libs/stats.js/r11/Stats.js’></script>
<script src=”https://10agencia.com/wp-content/themes/themeforest-7758048-betheme-premium-wordpress-theme-93/betheme/js/constelattions/index.js”></script>
]]>https://www.ads-software.com/plugins/codepen-embedded-pen-shortcode/
]]>