May 7, 2013 at 10:54 pm #39825
I’ve been adding dropcaps to the first letter of each post manually, using HTML. But following the instructions on this page (scroll down a bit), I tried creating a new quicktag in my post editor:
I added the CSS and then found my wp-includes/js/quicktags.js file and added this:
But it’s not working. My website isn’t public yet, so you can’t see my code. But I simply pasted it into the edbuttons section and uploaded it to my website.
I don’t want to use a plugin for this. So if I can’t get it to work, I’ll do this manually. But do you have any suggestions? Is there anything in this file that’s unique to Genesis? It seems like it’s all standard WordPress stuff, but I’m not sure.
I’d sure love some input.
The Chicken has SpokenMay 8, 2013 at 6:11 am #39853
anitacParticipantPost count: 6489
Greg Rickaby provides instructions on how to do this here – http://gregrickaby.com/2011/04/how-to-create-drop-caps-in-thesis-and-genesis.html.
May 8, 2013 at 10:26 am #39907
Thanks so much!
It works perfectly. My only concern is browser compatibility with pseudo classes. His second step involves span tags that need to be manually added around the first letter of each post. That’s how I’ve been doing it. He says span tags address browser concerns. But you can’t do both. You have to either add CSS from his first step, or use span tags, or you’ll end up with the first two letters as drop caps.
I did post a question about this in the comments section, and I also asked about this in reference to this article, which was written this year:
Of course, I haven’t a clue as to how to write that code.May 8, 2013 at 10:37 am #39910
As I was hoping it would, using the pseudo class in my CSS preserves the drop caps in post excerpts. This is awesome. Archives set up as excerpts removes all HTML. So using span tags around the first letter of each post means no drop caps on the archive pages, and that really bothered me.
I’m very excited about this!!
You must be logged in to reply to this topic.