Home Forums Product Support Novella How to create large first letter at beginning of story?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #4774
    UConn MAGIC
    Participant

    Does Novella provide a component that allows you to create a large first letter to begin a story (as seen in the examples on the demo page here: https://aesopthemes.com/novella/?utm_referrer=http%3A%2F%2Faesopthemes.com%2Fnovella%2Fabout%2F&preview

    I have looked but can’t find a component that will do this. I have also tried using CSS on that particular post to create a large first letter this way:

    <style>
    p::first-letter{font-size: 200%; font-weight:bold; float:left; }
    </style>

    This works, but unfortunately does it for every single paragraph, even if it is not enclosed with the <p> tags. So for example, this CSS causes the following paragraphs to both have large first letters:

    <p> Hello I am a paragraph</p>
    
    I am a paragraph too

    Any help appreciated – the large first letter looks great and would love to include that in my posts (but not for every single paragraph).

    #4775
    UConn MAGIC
    Participant

    Actually figured it out.. using the Inspector tool in Firefox discovered it is <p class="lead dropcap"> that is being used on that page. Tried it on mine and it works great. Though this still doesn’t explain why the “p” selector selected everything instead of just those elements enclosed in <p> tags.

    #4833
    Jenny @ Aesop
    Keymaster

    Hey UConn! Inspecting with FireFox is the perfect way to figure this out – good work. 🙂

    The p selector probably changed for every paragraph because WordPress does strange things like that sometimes. I’m glad you figured out the easier route.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.