• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Text is overlapping on itself.?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Text is overlapping on itself.?

This topic is: resolved

Tagged: line height, outreach, pages, text

  • This topic has 7 replies, 2 voices, and was last updated 10 years, 3 months ago by photastic.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 20, 2013 at 1:44 pm #57646
    JingDoc
    Member

    When text on my site is longer than one line, the rest of the text overlaps onto the same line. See what I mean here How do I fix this?

    Thanks in advance for any help!

    August 20, 2013 at 2:10 pm #57666
    photastic
    Member

    Looks like this is being caused by this part of css :

    .entry-content p {
    margin: 0 0 25px;
    line-height: 1px !important;
    }

    the line-height is only 1px makes the text overlap. adjust that part to for example :
    line-height; 1em !important
    and you'll see the text jump 🙂


    Trying to craft webstuff at Photastic Webdesign
    Learning Genesis by solving unanswered topics

    August 20, 2013 at 2:50 pm #57708
    JingDoc
    Member

    Thank you! I knew that was the problem text, but didn't realize there were other options besides px (I'm a beginner if that wasn't blatantly obvious). Now I've played around with several options for line height (em, %, etc.), but nothing changes the spacing between the text at the top (where I've hit enter after a line). Any tips for that?

    http://www.wittdc.com/about-dr-witt/

    August 20, 2013 at 2:52 pm #57709
    photastic
    Member

    which text exactly do you mean? the one in the top right corner with the address and phone and so?


    Trying to craft webstuff at Photastic Webdesign
    Learning Genesis by solving unanswered topics

    August 20, 2013 at 3:10 pm #57724
    JingDoc
    Member

    No, sorry. The entry text, like on this page: http://www.wittdc.com/about-dr-witt/. On my computer, it looks like the education section text is double spaced, and I can't get it to change.

    August 20, 2013 at 3:17 pm #57727
    photastic
    Member

    that's because they are all in their own <p> tag (which isn't bad by itself) but here too your css is causing the big spaces :

    .entry-content p {
    margin: 0 0 25px;
    }

    this line makes for a bottom margin of 25 pixels below every p you use in your .entry-content divs.
    or you remove that part of css or you lower the 25px to a smaller number to suite your taste 🙂


    Trying to craft webstuff at Photastic Webdesign
    Learning Genesis by solving unanswered topics

    August 20, 2013 at 3:34 pm #57737
    JingDoc
    Member

    I never would have thought that margin was affecting that. Thank you for all your help!

    August 20, 2013 at 3:37 pm #57743
    photastic
    Member

    you're welcome 🙂

    If I may give some advice : change 1 thing at a time and then check back on your page to see what changed 🙂
    Don't go changing 10 things because it'll be harder to see what changed because of which css code 🙂

    If there's anything else, just let us know 🙂


    Trying to craft webstuff at Photastic Webdesign
    Learning Genesis by solving unanswered topics

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble