WordPress.org

Ready to get started?Download WordPress

Forums

Drop Cap...With Shadow? (14 posts)

  1. davezan
    Member
    Posted 7 years ago #

    Hi guys,

    I'm now looking into creating the 1st letter drop capital effect for my blog. I've found various code tweaks and plugins to possibly help me out.

    However, none of them appear to achieve what I also want with it: creating the shadow effect. If you go to dropcapitals.com (not a blog BTW and not my site, either), you'll see what I mean.

    I found some css codes to possibly work out. But no dice so far.

    Can anyone help create lines of code how to create that drop down with shadow? I aim to use the georgia font type (same as from that link) with shadow.

    Thanks.

  2. They did it with an image and that's the best way IMO if you want a shadow. It'll work on all browsers and it'll show up exactly how you intend.

    Here's a plugin I just wrote for you to replace the first letter with an image:

    View Source | Download

    Usage:

    Create images a.jpg through z.jpg and place them in a folder called dropcaps in your wp-content folder. Upload and activate plugin. Sit back and relax. :)

  3. FaustinaBlack
    Member
    Posted 7 years ago #

    I would love for this plugin to work, but it doesn't for me. Instead of replacing the first letter with the images, or even taking the first letter out, a mis alligned <p> appears before the first letter. That's it.

  4. breger
    Member
    Posted 7 years ago #

    Me too. I have tried placing the dropcaps folder in different directories as well but no luck. Any ideas?

  5. Oh crap, I forgot that by the time the filter runs, HTML will already be there. My bad.

    Try this slightly changed version. It runs before wpautop() adds in the <p> tags and such.

  6. vkaryl
    Member
    Posted 7 years ago #

    Heh. Thanks vipe ol' buddy.... I downloaded the earlier version to try, to see if I could figure out the whole thing as I now have a client who "needs!" this.... Appreciate the update!

  7. No problem. :)

  8. FaustinaBlack
    Member
    Posted 7 years ago #

    Works beautifully on most pages. It isn't working with catagory archives though, regular archives are fine but if you are viewing a post through catagories the first letter just isn't there. Any way to exclude catagories so they are normal, or to make it work there too? Or is this just a problem with my setup?

  9. Can you link me to your site? It's the only way I can know for sure what's up.

  10. FaustinaBlack
    Member
    Posted 7 years ago #

    here it is, and i warn you before hand I am still building and modding it, so it doesn't include much right now. Just click on a catagory link and you will see what I mean.

    http://www.gollygolly.com

  11. FaustinaBlack
    Member
    Posted 7 years ago #

    I did a lot of tests, and it's not a plugin problem, just it's compatibility with the catagory archive pages of k2. Am looking into a solution.

  12. I think the the problem is that my plugin currently only affects the_content and not the_excerpt which is what you're using on your archives page.

    Either switch your theme to using the full content in your archives or use this version of my plugin that applies the formatted to the excerpt too:

    http://viper007bond.pastecode.com/9315

  13. webDressing
    Member
    Posted 7 years ago #

    Great plugin viper007bond. Very creative :)

  14. webDressing
    Member
    Posted 7 years ago #

    BTW-you can do this with standard CSS too (except for the shadow).

    Just use:

    p:first-line {font-weight: bold; color: #000000;}
    p:first-letter {font-style: italic; color: #999999;}

    Enjoy :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags