Fail to load script due to JQuery
Hello everyone,
I would like to write a function that set the height of the first text on my page in order to have the whole background-image displayed depending on the screen size. But I have some trouble with my script.
In my child theme, I wrote in the function.php the following lines :
function header_center() {
wp_register_script('vertical_center_text', get_stylesheet_directory_uri(). '/script/center_text.js' , array('jquery') );
/** Script used to center the main text of the page wihtin the background image **/
wp_enqueue_script('vertical_center_text');
}
add_action('wp_enqueue_scripts', 'header_center');
Next, I created the js file and put inside these lines :
$('#section_abtUs').css('height','103px');
The output in my console is : Uncaught TypeError: $ is not a function. It seems that JQuery isn't loaded.
Do you know how I can manage this ? Thanks !
Comments
we are really sorry but unfortunately we do not offer any code customizations. This is simply not included into theme support. So if you want to use own functions and modify template files, you need to do it on your own.
P.S. As far as we know, child theme works only with 2 files: style.css and functions.php so any .js files won't work in this case. More details about this you can read on https://codex.wordpress.org/Child_Themes
Thanks!