How to Create ‘Pull Quotes’ in LGF Pages
Okay, this one is short & sweet. Earlier today I was tinkering with one of my Pages and used the code that gets inserted when you add an image to your Page to create a pull quote. Preferring to use the more semantically correct blockquote tag, I decided to do some more tinkering. Below is what I came up with.
Depending on the length of the quote and the individual words, some pull quotes will look better than others, so if you know a little CSS you can further adjust it to your liking. I wouldn’t go too crazy though. (Mostly because I don’t want Charles to be pissed at me for encouraging you guys to experiment, heh—I can hear it now, “Damn it, CL! See what you started?? Now I’m going to have to…”)
UPDATE: You can get the code from my pastebin Directions are included in a comment. Thanks to our host, Charles, there’s now a new & improved (easier) way to create pull quotes. Read how to do it here.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel sem eget velit porta volutpat. Quisque ornare gravida auctor. Nulla at leo vel nunc varius blandit quis condimentum elit. Etiam fermentum quam non velit interdum posuere. In nisi mauris, laoreet nec faucibus ut, lacinia ut urna. Quisque eget porta erat. Duis malesuada purus vel ante volutpat vel euismod sem sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed sed sapien at lorem eleifend malesuada nec eget elit. Donec iaculis hendrerit diam non feugiat. Nam accumsan tincidunt pellentesque. Nam gravida dui et justo consequat vel lacinia quam luctus. Nulla facilisi.
“This is your pull quote text. Peter Piper picked a peck of pickled peppers…”
—Author’s Name
Curabitur sem nulla, cursus at adipiscing semper, venenatis a dui. Cras vel leo nisl. Vestibulum mi turpis, bibendum eget cursus eu, aliquam at elit. Pellentesque sed lobortis dolor. Fusce id eros eros, a iaculis purus. Mauris scelerisque neque lectus. Sed ut purus felis, eget varius sem. Morbi vehicula enim quis quam varius lobortis. Nullam nunc dui, viverra sit amet vehicula eget, laoreet et elit. In laoreet vulputate semper. Aenean vitae sapien orci, non pulvinar arcu. Suspendisse elit mi, blandit quis porttitor vel, tristique ut lacus. Maecenas lorem ligula, sagittis nec rhoncus et, convallis vitae nulla. Donec dignissim erat ac tellus imperdiet elementum.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In nisl ante, viverra at tristique ut, dapibus a enim. Aliquam sit amet tellus arcu. Duis ac dolor libero. In hac habitasse platea dictumst. Maecenas pellentesque elit vel metus fringilla hendrerit. Vivamus placerat pellentesque sem, ac tincidunt lacus fringilla ac. Etiam blandit tempor nisi, sed cursus felis congue at. Sed luctus, quam et faucibus adipiscing, nunc arcu venenatis arcu, feugiat lobortis sapien justo ut urna. Praesent pulvinar dictum viverra.