WordPress.org

Support

Support » How-To and Troubleshooting » Text no breaks

Text no breaks

  • Hi guys,
    can anybody maybe help me?
    on my homepage “www.passion-factory.net” when you click on “Biography” you can see my problem! The Text continues in one line and overlay.
    How can I solve that problem?

Viewing 9 replies - 1 through 9 (of 9 total)
  • @bigfisher you seem to have multiple elements with no line height which causes this issue. The particular code you need to edit is “body, button, input, select, textarea” which currently has the line height 0.1em, if you change this to 20px you should see that the line height increases and it looks much more presentable.

    Head to style.css which is within your themes root folder to edit this code.

    it must be this code but what should I change here?

    /* =Global
    ———————————————– */

    body,
    button,
    input,
    select,
    textarea {
    background-color: #ece8de;
    color: #46433a;
    font-family: Arial;
    font-size: 14px;
    font-size: 1.6rem;
    line-height: 0.1em;
    }

    @bigfisher

    Give this a whirl

    body,
    button,
    input,
    select,
    textarea {
    background-color: #ece8de;
    color: #46433a;
    font-family: Arial;
    font-size: 14px;
    font-size: 1.6rem;
    line-height: 20px;}
    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Yikes… You’re not about to edit the theme’s files are you?

    uuh, thanks man you´re the best 🙂

    now the biography site look perfect but if you look at the home page there is too much line height or space between the lines how can I fix this???

    @bigfisher if you have a dig around the code, find out which element holds this text and apply some styling, have a play around with the line-height to what suits you best

    ok
    Thanks

    looks fine to me ?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Do not modify the theme’s files.

    Modifications to theme files will;

    • Compromise the theme,
    • Be compromised when the theme updates,
    • Make difficult debugging processes.

    Some servers automatically update themes when updates are available.

    CSS-only modifications should be implemented using a Custom CSS option of the dashboard, E.g through the Jetpack plugin‘s Custom CSS functionality.

    CSS and any other modifications should be implemented using a Child Theme.

    It’s always a shame to see someone posting a year later saying, “I made loads of changes to my website and now they’re all gone!”.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Text no breaks’ is closed to new replies.