Overlapping text

  • Resolved kimkraj

    (@kimkraj)


    7 years, 5 months ago

    I’m using TwentySeventeen theme.

    The display of my books on the page is too close. The text of the name of the book is often hidden by the image of book cover below it. The Genre header is also too close to the line above it.

    What can I do to fix this?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author mooberrydreams

    (@mooberrydreams)

    I’m not seeing that issue when I use the TwentySeventeen theme. Can you post a link to your site so I can see exactly what’s happening and what might be needed to fix it?

    Thread Starter kimkraj

    (@kimkraj)

    Unfortunately, I cannot. But I can give you an image of it.

    https://drive.google.com/file/d/0Bzn_eVXA0VijcmFweVJxcmpYN0k/view?usp=sharing

    Or
    overlapping text/images

    Plugin Author mooberrydreams

    (@mooberrydreams)

    Thank you, the screenshot helped as I can see it’s happening on titles more than 2 lines long.

    The following code should fix that. You can change the 300 to whatever height you need for your site. This code should be put into a child theme’s stylesheet or in the Additinal CSS section on the Appearance -> Customize settings page.

    span.mbdb_float_grid {
    height: 300px !important;
}

    As for the Genre header, that is not something that is happening on my site with the TwentySeventeen theme, but something similar to this should work, again, changing the 2 to whatever setting works for your site.

    .mbm-book-grid-heading1 {
 padding-top: 2em;
}

    Beyond that, without being able to see the specific site and the code underlying it, I can’t give any more specific help.

    Thread Starter kimkraj

    (@kimkraj)

    You are speaking way above my head.

    I don’t know what you’re telling me to do.

    Plugin Author mooberrydreams

    (@mooberrydreams)

    Log into your WP Dashboard.
    Click on Appearance.
    Click on Customize.
    Open the Additional CSS section.
    Copy and paste in the above code.

    Thread Starter kimkraj

    (@kimkraj)

    Thank you – I had to increase the numbers, but it looks much better now.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Overlapping text’ is closed to new replies.