Hi Chaon,

Unfortunately, we do not have a setting to turn on this drop cap feature on the single entry blog page only.

Is there a way to achieve this with custom css?

Hey there,

Yes, it is possible to achieve this with custom css. Below I have given you the custom code.

body #eb .eb-post-listing p.has-drop-cap:first-letter {

    float: inherit;

    padding: inherit;

    margin: inherit;

    line-height: inherit;

    font-size: inherit;

    font-weight: inherit;

    text-transform: inherit;

    text-align: inherit;

}

Thank you this worked.
Can you please also let me know how can i align a bit better the drop cap because if you check my website it seems a bit offset from the text. I would like to move it upper.

Regards

Hey there,

To align the drop cap with your text add this custom css code in backend > components > easyblog > themes > custom css > paste code then save.

body #eb.eb-view-entry .ebd-block[data-type=text].has-drop-cap p:first-child:first-letter {

    padding: 0em 0.3rem;

}

Thank you so much for your assistance. Much appreciated.

Hi Chaon,

I'm glad to hear that your issue has been resolved now .

For your information, I've locked and marked this thread as resolved to avoid any future confusion. If you have any difficulties in the future, please start a new thread so that we can better handle your requests.

Thanks!