WordPress.org

Ready to get started?Download WordPress

Forums

Text no breaks (10 posts)

  1. BigFisher
    Member
    Posted 1 year ago #

    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?

  2. James Duffell
    Member
    Posted 1 year ago #

    @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.

  3. BigFisher
    Member
    Posted 1 year ago #

    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;
    }

  4. James Duffell
    Member
    Posted 1 year ago #

    @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;}
  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Yikes... You're not about to edit the theme's files are you?

  6. BigFisher
    Member
    Posted 1 year ago #

    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???

  7. James Duffell
    Member
    Posted 1 year ago #

    @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

  8. BigFisher
    Member
    Posted 1 year ago #

    ok
    Thanks

  9. andy2grant
    Member
    Posted 1 year ago #

    looks fine to me ?

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    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!".

Topic Closed

This topic has been closed to new replies.

About this Topic