Remove space between headings and paragraph on small screen

  • Resolved ajewp

    (@ajewp)


    3 years, 9 months ago

    Hi WP-friends

    I need some advice on how to apply this custom css also on tablet and small screen. Currently it works on Desktop but on small screens it adds to much space between.

    /*Kein Space zwischen Headings & Paragraph*/
    p.has-text-align-center, h4 {
    margin-top: -20px;
    }

    Thanks for any advice

    The page I need help with: [log in to see the link]

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

  • Hi, @ajewp

    You have a few options for that.
    Try adding this in Dashboard – Appereance – Customize – Additional CSS in the Customizer

    @media (min-width:360px){
p.has-text-align-center, h4 {
margin-top: -20px;
}
}

    You can modify min-width as you wish.
    Or you could force that rule on all sizes with this CSS snippet, that’s less elegant:

    p.has-text-align-center, h4 {
margin-top: -20px !important;
}

    You can learn how to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Hope this helps,
    Kind regards!

    Thread Starter ajewp

    (@ajewp)

    Hi Vlad

    Thanks for the time looking into this. Worked!

    regards

    Glad it worked! Happy to help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove space between headings and paragraph on small screen’ is closed to new replies.