Assign ID and class to specific heading

Hi,

I would like to use this feature: http://kerningjs.com/ for one of my headings.

Now as far as I understand it I need to assign/create the specific header ID and the javascript file as the class to it.
See attachment.

I am not sure how I can do this with wordpress. The header I would like to change is:
#widget_gk_nsp-3 > h3:nth-child(1)

I would really appreciate help, if and how this could be achieved.
Hopefully it can at all …

Hi,

First of all you have to add kerning.js file to your Msocial/layouts/header.php file: (kerning.js file should be in Msocial/js directory)

Code: Select all

 wp_enqueue_script('gavern-kerning', gavern_file_uri('js/kerning.js'), false, false, true);

around line 71,

then you can start testing css rules and selectors.