36010

#40084
Daithí Mac Cormaic
Participant

Daithí,

very kind of you and thank you for taking the time to put together an example.

It may take a little while, but I will add it.

Caoimhín

You’re very welcome. Just looking at your page structure now and I see that each post is contained within a ‘div’ tag of class ‘post’. So if you’re hacking around with this, the required line of code to invoke the seanchlo plugin would simply look like this:

[code]$(“div.post”).seanchlo(“convert”);[/code]

In addition to converting the h-suffixed consonants to dotted consonants, the plugin’s convert method also adds the .seanchlo CSS class to every matching element in the operative jQuery [removed]i.e. every div.post in your case). The trick then, obviously enough, is to define the .seanchlo class in your own CSS to have whatever style you desire. You can see in my sample webpage that the .seanchlo CSS class just sets the font-family to the name of a dynamically loaded webfont. You will presumably want to do this and perhaps also adjust other font-related styles to make it look good. I find it necessary to set both the letter-spacing and line-height to make a Seanchló font look good on screen.