Stack Overflow
Stack Overflow

Questions tagged [letteringjs]

Lettering.js is a jQuery plugin for radical web typography.

Lettering.js is a simple but clever jQuery plugin that modifies text to wrap letters (or words or lines) in HTML tags. By doing so, the wrapped content can be targetted by CSS rules for positioning, transformations, animations, or anything else you can do with CSS.

9 questions
5
votes
1 answer

Letter wrapping around a circle

I am trying to wrap letters around a circle border of 4 divs. I have figured out 'How' to accomplish this but i am falling short understanding how to position my letters to wrap counterclockwise and from top to bottom. Below is my snippet. I want…
Josh Lavely
  • 328
  • 1
  • 3
  • 10
2
votes
0 answers

Sage Theme - JavaScript not showing up in

I can't get my JavaScript libraries to show up in my tag. I'm using the Sage Theme, Bower to install JavaScript libraries, and gulp to compile files from my asset folder into my dist folder. First, I added a library with Bower: $ bower…
Naomi J. Chan
  • 21
  • 3
1
vote
1 answer

Using JS Lettering not working with output text

I'm trying to use the letter tool I found in this tutorial to highlight text. If I put text between the spans initially, it will work: this will work... If I put my mouse over "this will work" text…
user3871
  • 12,432
  • 33
  • 128
  • 268
0
votes
1 answer

Event Listener on span elements getting stuck and not resetting div when hovering over elements in quick succession

Hey Im new to working with fetch and JSON. I am using Lettering.js to separate the words into span elements to make them hoverable and get the innerHTML of the span element. I have a fetch function that fetches for a translation, synonyms and word…
ElGruffallo
  • 23
  • 3
0
votes
2 answers

Why do the Textillate effects remove the bold formatting?

Why do the Textillate effects remove the bold formatting from h3 tags in my portfolio and how do you fix it? https://codepen.io/Olliewe88/pen/pgmWor $(function() { $('h1').textillate(); $('h2').textillate({ in: { effect: 'flip' …
BoomyBiscuit 45
  • 54
  • 1
  • 2
  • 11
0
votes
1 answer

Applying lettering.js method to heading called with Wordpress bloginfo("name")

I have Lettering.js enqueued on a WAMP-hosted Wordpress theme I'm developing. I'm pretty sure it's registering because calling this function in my js init throws no error: style_title = (function($){ $(document).ready( function(){ …
Shawn Fennell
  • 1
  • 3
0
votes
1 answer

break-word on inline-block elements

This may seem an odd request, but I need to set the width of individual characters and have them act like normal text in a flowing paragraph. Here's an example: http://jsfiddle.net/TGZ3K/8/ Ugliness aside, this is fine except for the fact that the…
aaronjbaptiste
  • 554
  • 4
  • 14
-1
votes
1 answer

What specifically is wrong with the JavaScript that I've provided?

I am fairly new to JavaScript, but have prior experience with front-end development as a whole. I am attempting to have JS iterate over the list provided and display the results on my site. Each item will be displayed once before moving onto the…
user5141180
  • 1
-3
votes
1 answer

Lettering.js not working

I'm trying to use lettering.js for the first time and I can't seem to figure out why it's not working. My goal is to get the project names under the photos on the right side of the page to use this script. Can anyone take a look and tell me what I'm…
Keith Higginbotham
  • 53
  • 7