How to remove bottom margin on paragraphs?

  • Resolved xroox

    (@xroox)


    5 years ago

    Hi, I am having a problem when designing a page using Elementor.

    When I use the Text widget it is applying a bottom margin to my paragraphs which is upsetting the design.

    It looks like the margin is found in style.css (line 492), specifically:

    p {
	margin: 0 0 1.5em;
	padding: 0;
}

    I tried following directions from this thread: https://www.ads-software.com/support/topic/issue-with-space-of-paragraphs/

    Ie, I put this code in the Customizer > Additional CSS:

    p > :last-child { margin-bottom: 0 !important; }
.entry-content p > :last-child { margin-bottom: 0 !important; }

    However this didn’t have any effect.

    Thanks, really appreciate the support! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • mramallo

    (@mramallo)

    Hey I found the following solution for that.

    Select the paragraph widget and go to custom CSS and paste this:

    .elementor-text-editor p:last-child{ margin-bottom:0px;}

    It worked for me.

    Source: https://wpjunction.net/elementor-remove-paragraph-spacing/

    Regards,

    Plugin Author Oliver Campion

    (@domainsupport)

    Thanks @mramallo.

    If that solution doesn’t work can @xroox please provide an example link so we can look into it for you.

    Thank you,

    Oliver

    Thread Starter xroox

    (@xroox)

    Allo,

    Thank you mramallo, this works! I added to it to also capture the more basic “Text” widget (your covered the more featured “Text Editor” widget)

    .elementor-text-editor p:last-child, .textwidget p:last-child { margin-bottom:0px;}

    Funny, as it seems like Elementor documentation “blames” the themes for adding margins (though this does seems to be the case as well?), but in this case we had to target Elementor widget classes to fix this? Not sure what this is all about but it works for me. Thanks again.

    Plugin Author Oliver Campion

    (@domainsupport)

    Marking this as resolved now.

    Oliver

    Thank you @xroox & @mramallo this works perfectly for me also with Elementor! They really should have this as a styling setting see as they now have their styling feature. Anyways, thanks again for the code help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to remove bottom margin on paragraphs?’ is closed to new replies.