Dropcap Highlighted text html code

• 

  adoreatl · Member · December 22, 2017 at 4:12 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Forgive me as I do not know much html, but I think I’m missing a key rule to combine the codes given for the highlighted text and the dropcap.

  I would like to mimic the beginning of the mock posts “Veni” and “Review: Top Eight Essential Timeless Trends.”

  Can you please help? Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  adoreatl · Member · December 28, 2017 at 5:00 pm

  • Copy link

  I guess I may not get an answer to my question.

  Thanks anyway.

• 

  djordjegrubac · Theme Author · December 28, 2017 at 10:54 pm

  • Copy link

  Hello,

  Sorry for the late reply.

  To create dropcap effect, you will need to wrap first letter into code like this:
  <span class="dropcap">A</span>

  To get the same look as in our demo you will need to combine emphasis and dropcap like this:
  <p class="emphasis"><span class="dropcap" data-dropcap="S">S</span>ome trends deserve to be moved into the “never again” space in the closet we all have them but which trends refuse to go?</p>

  As you can see paragraph should have class emphasis, and then insert inside span with class dropcap to get the same effect.

  Thank you,
  – Djordje

• 

  adoreatl · Member · January 5, 2018 at 10:45 pm

  • Copy link

  Thank you for responding! :)