prophecym

Thanks bdbrown. You are beyond awesome!

Ah, it worked!!! Thank you very much bdbrown.

What would be another way to do this without overriding the esc_attr function?

I kind of like the idea of the data validation that is brought with 2.2.3. How would I accomplish the same thing without overriding the code above?

Thanks again. I really appreciate the response.

By the way, when I started this project, I wasn’t aware what child themes are used for.

Still no luck with the .js code. I tried both changing the handle name, and the file name. As a side note, thinking maybe the other registered scripts have something to do with this, I commented out all of them except the unicorn-buttons.js. That didn’t work either.

Yes. That worked. The CSS part is done. Maybe I should try a different handle name for the js?

Aside from registering the js file, how come registering the css file doesn’t work as well?

Right now, I am only able to use the stylesheet by adding it into the “Custom CSS” plugin. If I try to register it in the functions.php, it doesn’t work. But for example, this works just fine.

wp_enqueue_style( 'font-awesome', get_template_directory_uri().'/fonts/font-awesome.min.css' );

Actually both. They are in both places for both methods you guys suggested. So I have the buttons.js under the js folder, and also under the hueman folder.

I just tried the code above, and that didn’t work either. Very strange. I don’t think I can sleep tonight.

I can’t imagine me working on a local server would have any effect on registering some css and js files.

@stephencottontail

I tried your code, and it is still not working. I am not using a child theme. And unfortunately I am working locally. It is not live. So there is no link to the site yet.

@bdbrown

I also tried your method. And I was very hopeful that it would work this time. But still nothing. I am sure I am doing something really stupid. I copied the buttons.css and buttons.js under the “hueman” folder. And right after wp_head() function, I included your code as it is. And still nothing. To test it again, when I removed the CSS code from the “Custom CSS” plugin, all the styling were gone again.

I am about to go crazy with this. All of your suggestions should work logically. Do you guys think some plugin is conflicting with this?

I definitely didn’t understand how to actually proceed with stephencottontail’s suggestion. And, according to bdbrown, it works. However, I still can’t get it to work.

For the CSS code, I was using the “Custom CSS” plugin. Just to test it, I tried to enqueue the stylesheet using:

/*  Enqueue css
/* ------------------------------------ */
if ( ! function_exists( 'alx_styles' ) ) {

	function alx_styles() {
		wp_enqueue_style( 'style', get_stylesheet_uri() );
		if ( ot_get_option('responsive') != 'off' ) { wp_enqueue_style( 'responsive', get_template_directory_uri().'/responsive.css' ); }
		if ( ot_get_option('custom') == 'on' ) { wp_enqueue_style( 'custom', get_template_directory_uri().'/custom.css' ); }
		wp_enqueue_style( 'buttons', get_template_directory_uri().'/buttons/buttons.css' );
		wp_enqueue_style( 'font-awesome', get_template_directory_uri().'/fonts/font-awesome.min.css' );
	}

}
add_action( 'wp_enqueue_scripts', 'alx_styles' );

And all the styling is gone with this method. My best guess is that I am doing something wrong with the way I register the files into the functions.php.

bdbrown, would you tell me what exactly did you do? I have all the files in the “so-called registered folders.”

See below for the whole code in the functions.php file as a reference:

/*  Enqueue javascript
/* ------------------------------------ */
if ( ! function_exists( 'alx_scripts' ) ) {

	function alx_scripts() {
		wp_enqueue_script( 'flexslider', get_template_directory_uri() . '/js/jquery.flexslider.min.js', array( 'jquery' ),'', false );
		wp_enqueue_script( 'jplayer', get_template_directory_uri() . '/js/jquery.jplayer.min.js', array( 'jquery' ),'', true );
		wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js', array( 'jquery' ),'', true );
		wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/jquery-2.1.3.min.js', array( 'jquery' ),'', false);
		wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/buttons.js', array( 'jquery' ),'', false);
		if ( is_singular() ) { wp_enqueue_script( 'sharrre', get_template_directory_uri() . '/js/jquery.sharrre.min.js', array( 'jquery' ),'', true ); }
		if ( is_singular() && get_option( 'thread_comments' ) )	{ wp_enqueue_script( 'comment-reply' ); }
	}  

}
add_action( 'wp_enqueue_scripts', 'alx_scripts' );

Hi bdbrown. I’ve just tried your suggestion. And they don’t work in Twenty Fifteen as well. I can’t think of a plugin that would conflict with a custom javascript code for these buttons. I am pretty much lost.

This was the fastest response I have ever seen on a forum. Thank you very much for the information. It was really useful.