• Hi!
    I would like to change a line-height property on one area of my page (not a front-page), not affecting the rest of page styling. I assume I need to create a custom css, but I don’t know how to do it. Should I create a separate css or can I make changes in the existing one?
    Any help would be appreciated!

Viewing 11 replies - 1 through 11 (of 11 total)
  • You can make changes in the existing css of your active theme. Just put you code() for that specific block at the end.

    Hi
    you can write custom css (like as .Main-class .specific-parrent-class then write specific tag Or class name) that apply only your specific page that you want to change.

    Thread Starter Iryna_B

    (@iryna_b)

    I’m sorry, I’m not very good with codes, I’m afraid to make a mistake. Can you please give me an example of how it should be looking?
    I assume, I should refer to a specific ID of that block I want to customize. When I open firebug it shows me this id for the area I want to change: <div id=”pg-538-1″ class=”panel-grid”>
    How exactly the line-height property would apply to the above code? What part of the code should I use?

    Ok,
    As your given definition you should use in style.css

    #pg-538-1 .panel-grid
    {
    line-height: xxpx !important;
    }

    I think it should be work,If it’s not work,please give me url to that i can improove to your help.

    thanks

    Thread Starter Iryna_B

    (@iryna_b)

    Unfortunately it didn’t work. I pasted it in css, but specified px, but no changes.
    The link is https://69.195.124.214/~wearemom/moms-know-best/birth-centers-hospitals-2
    I’m trying to change line height for US states, that I’m listing on a page.
    Thanks!

    Hello.
    Put this into your CSS file and let me know.

    #pg-538-0 .textwidget p,
    #pg-538-1 .textwidget p,
    #pg-538-2 .textwidget p,
    #pg-538-3 .textwidget p {
    margin: 0;
    }

    regards,

    Thread Starter Iryna_B

    (@iryna_b)

    Unfortunately it didn’t work either. Just to clarify, i’m editing in Appearance>Editor>CSS.

    try this another one:

    .textwidget p {
    margin: 0;
    }
    Thread Starter Iryna_B

    (@iryna_b)

    Now it works. Awesome. Thanks a lot!

    you can also use
    #pgc-538-1-0 .textwidget p
    {
    line-height: 15px;
    }
    for line height.

    Thread Starter Iryna_B

    (@iryna_b)

    Thanks! I’ll keep that option for alternative!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to change line-height on a separate pages?’ is closed to new replies.