adjusting line height in pages?

  • thunderball73

    (@thunderball73)


    7 years, 1 month ago

    Hello all,

    I’m a total beginner and I’ve having trouble adjusting line height in my paragraph blocks. I figured out to right click on a paragraph to “Inspect Element”, and then I change line height from 1 to 1.6. This looks perfect except when I Preview, Update, or in any way move away from this screen it all just goes back to the jumbled line height of 1. Is there something I should be doing after I input 1.6? Like is there a “save” button or something I’m missing? I want to make the changes stick but they don’t seem to be doing so.

    Thanks in advance!

Viewing 9 replies - 1 through 9 (of 9 total)
  • WebBuddy

    (@websprout)

    7 years, 1 month ago

    Hi,

    Did you add the css in your theme customization (additional css) section?

    Thread Starter thunderball73

    (@thunderball73)

    7 years, 1 month ago

    I don’t think so. I just right clicked on the paragraph itself in Pages. I’m guessing I need to put it in the additional css section for it to have any effect? I’ll try to find that. Thanks!

    Thread Starter thunderball73

    (@thunderball73)

    7 years, 1 month ago

    I went to additional CSS and it looks like I need to enter something in the space below? I guess it’s not as simple as changing a “1” to a “1.6” 🙂

    I will do some more research.

    Any idea what I would input to get a line height of 1.6?

    Thread Starter thunderball73

    (@thunderball73)

    7 years, 1 month ago

    I put the correct CSS in the “additional CSS” section but it only changed the line height on my homepage. The other pages were unaffected.

    Any suggestions?

    WebBuddy

    (@websprout)

    7 years, 1 month ago

    May I know what is the CSS you entered?

    Thread Starter thunderball73

    (@thunderball73)

    7 years, 1 month ago

    Thanks so much! This is something I found on the net, not something I came up with myself (I have no idea..haha). 🙂

    .entry-content p {
    line-height: 1.6;
    }

    WebBuddy

    (@websprout)

    7 years, 1 month ago

    Probably the the pages’ paragraph are not formatted as entry-content class. You need to use developer tool to check what class are they so you can add them in.

    Why not try the following and see if it works:

    
p {
line-height: 1.6;
}
    dragontattoo

    (@dragontattoo)

    7 years, 1 month ago

    does this work?

    Thread Starter thunderball73

    (@thunderball73)

    7 years, 1 month ago

    It seems to work on the Page itself when updated or published (which is great!) but for some reason whenever I’m in the Edit screen it’s back to being a jumbled line height of “1”. All good though, as long as it’s “1.6” on the site itself.

    Thanks!

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

The topic ‘adjusting line height in pages?’ is closed to new replies.