Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 12, 2023 at 11:20 am #71274
    Michal Kubecki
    Participant
    Premium Member

    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.

    June 12, 2023 at 7:52 pm #71277
    vako
    Keymaster
    Premium Member

    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

    June 13, 2023 at 11:05 am #71281
    Michal Kubecki
    Participant
    Premium Member
    This reply has been marked as private.
    June 13, 2023 at 8:02 pm #71291
    vako
    Keymaster
    Premium Member

    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

    June 15, 2023 at 11:46 am #71309
    Michal Kubecki
    Participant
    Premium Member

    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.

    June 16, 2023 at 5:33 pm #71314
    vako
    Keymaster
    Premium Member

    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
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.