[Michal Kubecki]

I’m trying to figure out a way how to fix the problem with drop caps. They’re being chopped off by a few pixels, at their tops, in both single post and the blog page view. Not all of them can be easily spotted but some letters like capital M or S can.

To partially fix the problem I’m using the drop cap option from the theme and individually removing the WP drop cap in every single post, just to make sure the first letter in a paragraph is resized only once. But still, it only works partially and some of the drop caps are chopped on the top.

Changing values in Typography or General Layouts is not working either. And I’d like to keep the font I’m currently using on the site.

[vako]

Hi Michael,

 

At first, thank you for choosing our theme and service.

In order to assist we need to check your website from the back end, please install this 3rd party plugin “Temporary Login Without Password Plugin” which allows us to access your dashboard without sharing access details.

To better understand how the plugin works, please watch the video guide below: https://www.youtube.com/watch?v=EMu0e78OpJo

Please make sure to mark your reply as private to hide it from the public.

 

Kind Regards

[Michal Kubecki]

This reply has been marked as private.

[vako]

Hi Michael,

 

We checked your shared website but can’t find the mentioned issue, please check how the drop cups are looking on our end: https://nimb.ws/z7ZYMi

Can you please share a screenshot o your end and also the direct link to the page where the issue appears?

Kind Regards

[Michal Kubecki]

The suggested snippet works well for reading a single post:

.single .post-content > p:first-of-type:first-letter, .single .post-content .elementor-text-editor p:first-of-type:first-letter {

padding: 3px;

}

However, when browsing the homepage, page by page, displaying a group of posts (10 at the time in my case), the drop caps are still cropped. What code could I add to the above snippet to make it work? Thank you.

[vako]

Hi Michal,

 

Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

.post-content > p:first-of-type:first-letter, .single .post-content .elementor-text-editor p:first-of-type:first-letter {

padding: 3px;

}

Kind Regards

[Author]

Posts