Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #877184

    Hi,

    We face a very small but for my client annoying issue. See website of Annemarie van der Heijden.

    On the home page in the section “Recente berichten” we’ve used a magazine to present latest news. Whenever the title of a post needs more than one line and the 2nd line starts with a normal letter (so no uppercase), the first few pixels (so on the left side) of that 1st letter sort of ‘disappears’. As if the left padding is minus x px or so. This is of course not the case, it just looks like it.

    This issue does not happen when a word is written with uppercase. Also it does not happen anywhere else on the site where we used grids, widgets or alike.

    I guess it has something to do with the combination of using magazine layout and the specific font used for headings (Petit Formal Script).

    Do you have a suggestion what we can do to ‘solve’ this?

    Thanks & regards,
    Monique

    #877653

    Hey Monique,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .av-magazine-content-wrap {
        padding-left: 2px;
    }
    

    Best regards,
    Yigit

    #877661

    Hi Yigit,

    Thanks, that works! My client will be thrilled :-)

    Can you flag this topic as closed please?

    Regards,
    Monique

    #877681

    Hi!

    Great!

    Sure! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘First few pixels of character 'disappears'’ is closed to new replies.