Display in different explorers

  • Resolved sonnnkoenig

    (@sonnnkoenig)


    2 years, 4 months ago

    Hello, we use your plugin on your site. We have the problem that the fonts are different depending on the explorer, which also means that some fonts slip under the thumbnails. What are we doing wrong and what solution is there?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Hector Cabrera

    (@hcabrera)

    2 years, 4 months ago

    Hi @sonnnkoenig,

    Just had a look at your popular posts list using Google Chrome, Firefox and Microsoft Edge and in all cases the font looked the same to me.

    Google Chrome:

    Firefox:

    Microsoft Edge:

    I compared the widget in all three screenshots with the different texts to the left and they look exactly the same (to me at least).

    With that being said, to prevent the title from going under the thumbnail you’ll need to do some style adjustments, like so for example:

    .et_pb_widget_area .wpp-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.et_pb_widget_area .wpp-list li .wpp-post-title {
    width: calc(100% - 75px - 1em);
}

    P.S.: You can try these CSS rules by adding them to your site either via your theme’s stylesheet or via WP Dashboard > Appearance > Customize > Additional CSS.

    • This reply was modified 2 years, 4 months ago by Hector Cabrera. Reason: Added note on how to include CSS rules to the site
    Thread Starter sonnnkoenig

    (@sonnnkoenig)

    2 years, 4 months ago

    Hello, thank you very much for the quick help. I added the CSS globally and it works so that it no longer puts the text under the images. Thank you

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Display in different explorers’ is closed to new replies.