Padding Bottom Checkboxes

  • Resolved rankosua

    (@rankosua)


    3 years, 4 months ago

    Hello, I really hope that someone can help me. I use gray checkboxes on my website. For these checkboxes I set a padding of 15 px. Unfortunately the padding bottom is too big.

    I think the reason for this is the following css code:

    p {
    margin: 0 0 24px;
}

    Can someone tell me how to fix this? Thanks in advance!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Andrew Misplon

    (@misplon)

    Hi, thanks for reaching out.

    The paragraph styling is originating from your theme. You could try using a Custom HTML Widget instead of a Text Widget. Alternatively, edit the Text Widget, open Attributes, add a widget class like:

    custom-p-spacing

    Then in Custom CSS:

    .custom-p-spacing p { margin-bottom: 10px; }

    The above is untested.

    If you’re using SiteOrigin CSS you can add the above rule at Appearance > Custom CSS.

    Thread Starter rankosua

    (@rankosua)

    Hello Andrew,

    thank you very much for the quick help!

    Unfortunately the code doesn’t work because it also changes the other paragraphs in the checkboxes. But I found another solution:

    p:last-child {
    margin-bottom: 0;
}

.panel-grid {
    margin-bottom: 24px !important;
}
    Plugin Support Andrew Misplon

    (@misplon)

    Super, glad to hear you’re making progress!

    If any SiteOrigin queries or requests arise in the future, please, let us know via a new support thread.

    Cheers for now ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Padding Bottom Checkboxes’ is closed to new replies.