Need help? Check out our Support site, then


Book Lite First Sentence Style

  1. callumjameshackett
    Member

    Hi, there's a problem with the Book Lite theme that has started today which I have replicated across browsers (Chrome and IE), and have seen on other sites using this theme.

    Usually, the theme styles the first line of any post such that the first letter is enlarged, and the rest of the line is in small-caps. However, starting today, this no longer happens if you have an image in your opening paragraph. I tend to have an opening image, and they are unobtrusive because they are medium size and right-aligned so as not to interfere with the style of the opening line, and I therefore want that styling to remain in place. As such, is there any way to return to how the theme looked before this issue started today?

    The blog I need help with is callumjhackett.com.

  2. This is the way the theme is designed to display ie. drop caps are intended. http://booklitedemo.wordpress.com/

    This thread will be moved to CSS Forum where you can get help with your CSS editing.

  3. callumjameshackett
    Member

    I'm not sure you've understood me. I've been using this theme for months; I know how it's intended to display, and it changed for no apparent reason today. It's not a CSS issue.

  4. Okay then I'll tag this thread for Themes Staff attention

  5. It didn't "change today": you started doing something different. The theme is designed to turn the first line of the first paragraph to small caps, and enlarge the first letter, but this doesn't work when you insert a captioned image at the beginning.

  6. callumjameshackett
    Member

    It did change today because I have not done anything different. I have had posts up with captioned images in the first paragraph for weeks and I know what they looked like yesterday and the day before and the day before that. If you look at my about page ("pry" in the main menu), you will also see that this is an issue with images that are not captioned.

  7. This is Google's cache of http://callumjhackett.com/pry/. It is a snapshot of the page as it appeared on 26 Mar 2013 10:56:25 GMT.
    http://tinyurl.com/cv37ypw

  8. I agree the theme is working normally. Try this experiment:

    Open this post for editing:
    http://callumjhackett.com/2013/04/08/the-heroic-ideal/

    Use the HTML editor to update the first part of the post.
    http://en.support.wordpress.com/editors/#text-editor

    Change this:

    [caption id="attachment_2151" align="alignright" width="300"]<img class="size-medium wp-image-2151" alt="Sean Bean plays a major role in HBO's addictive fantasy series" src="http://callumjhackettdotcom.files.wordpress.com/2013/04/game-of-thrones.jpg?w=300" width="300" height="445" /> Sean Bean plays a major role in HBO's addictive fantasy series[/caption]
    
    I don't watch much TV, and when I do, I mostly watch documentaries and comedies of the kind typified by David Attenborough and Armando Iannucci. I occasionally flirt with fantasy

    To this:

    I don't watch much TV, and when I do, I mostly watch documentaries and comedies of the kind typified by David Attenborough and Armando Iannucci. [caption id="attachment_2151" align="alignright" width="300"]<img class="size-medium wp-image-2151" alt="Sean Bean plays a major role in HBO's addictive fantasy series" src="http://callumjhackettdotcom.files.wordpress.com/2013/04/game-of-thrones.jpg?w=300" width="300" height="445" /> Sean Bean plays a major role in HBO's addictive fantasy series[/caption] I occasionally flirt with fantasy

  9. I think the trick is that the captioned image cannot be the very first thing in the post.

    Seems to do what you expect if the first thing in the post is an uncaptioned image though. Example: http://callumjhackett.com/2013/01/02/the-book-of-barely-imagined-beings/

    It also seems to do what you expect if the first image is *after* the first post, like this:
    http://callumjhackett.com/2012/12/28/poem-white-cliffs/

  10. callumjameshackett
    Member

    That Google cache image isn't helpful because there was no image in the post at the time, but I tried it with another page, and Google seems to agree with you. I feel I must be going demented - the reason I said very specifically that it changed today is because I was editing a page with a layout exactly as the Heroic Ideal post and previewing the changes every so often, and I swear that one minute it had small-caps, then the next minute it didn't, so I assumed something had been tinkered with. But it seems that I've lost my marbles and have to concede to you. Sorry for wasting your time.

  11. callumjameshackett
    Member

    designsimply - you've saved my sanity! That just helped me realise what happened. I did see the change I described when editing the post, and the reason I became confused here is because the image I was using did not have a caption. It turns out that, for some reason, it actually had a blank caption, so I couldn't see it in the preview, but it was there structurally and therefore changed the first line style. I was definitely mistaken about the other posts though.

    Well this has been a huge mess! Thanks for helping me clear it up.

  12. It did change today because I have not done anything different. I have had posts up with captioned images in the first paragraph for weeks and I know what they looked like yesterday and the day before and the day before that.

    For the record, before replying
    a) I checked your whole 2013 archive (you had never used a captioned image at the start of a post prior to your latest two posts),
    b) I checked the CSS of the theme,
    c) I tested things in my tests blog.

  13. So, is that bug going to be fixed? A lot of us put captioned images at the start of our posts, for a variety of good reasons including SEO.

  14. I'm not sure I'd count this issue as a bug because if a captioned image is the very first thing in a post, then it might be the intended behavior for the theme not to style large drop caps for the first letter of the text that comes *after* the caption. Also, think about cases where the image is left-aligned, it might look odd. At any rate, I filed it for review.

  15. Howdy! Just checking in to confirm what @designsimply stated, that this is the expected behavior for posts with captioned images as the very first content within a paragraph -- not a bug.

    If you have Custom Design, you can manually apply a Book Lite drop-cap to those posts with a captioned image at the start using the following Custom CSS:

    .drop-cap {
      letter-spacing: 0;
      font-family: Lora, Georgia, serif;
      font-variant: small-caps;
      font-size: 18px;
      font-size: 1.8rem;
    }

    Then apply a span around the first letter of the first paragraph when in Text view, like so:

    <span class="drop-cap">T</span>he first letter of this sentence has a drop cap!

    Hope this clarifies!

Topic Closed

This topic has been closed to new replies.

About this Topic