remove top padding of one div
-
Hi,
I am having issues with an inner section.
I am using generate press with elementor.
I am trying to remove the padding from the top of the inner section in order to avoid a visible gap on my page.
The section output is as follows;
<section class="elementor-element elementor-element-49627bb elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="49627bb" data-element_type="section" id="mm" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-extended"> <div class="elementor-row"> <div class="elementor-element elementor-element-0faa4ba elementor-column elementor-col-50 elementor-inner-column" data-id="0faa4ba" data-element_type="column"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> <!-- blank column --> </div> </div> </div> <div class="elementor-element elementor-element-d02a1ce elementor-column elementor-col-50 elementor-inner-column" data-id="d02a1ce" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-cf346b1 elementor-widget elementor-widget-text-editor" data-id="cf346b1" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Lorem ipsum etc.</p></div> </div> </div> </div> </div> </div> </div> </div> </section>
In order to tackle this issue I tried adding the following css;
.elementor-element-06e607a div:first-child { padding-top: 0 !important; }
Now that does resolve the issue, however it also seems to remove the ‘padding-top’ from the subsequent inner sections too, despite that they do NOT have the class “elementor-element-06e607a” and are AFTER this section closes (as you can see from the above).
If remove “!important” then it doesn’t work at all.
I have also tried
.elementor-element-06e607a div:nth-of-type(1) {
and
.elementor-element-06e607a div:first-of-type {
but all have the same output.Please can you help me with this?
I feel like this should be mega simple but clearly I’m making a meal out of it!!
Thanks…
-
my apologies, here is the full section;
<div class="elementor-element elementor-element-06e607a elementor-column elementor-col-100 elementor-top-column" data-id="06e607a" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <section class="elementor-element elementor-element-aa475a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="aa475a1" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-e82780d elementor-column elementor-col-50 elementor-inner-column" data-id="e82780d" data-element_type="column"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> </div> </div> </div> <div class="elementor-element elementor-element-f068496 elementor-column elementor-col-50 elementor-inner-column" data-id="f068496" data-element_type="column"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-49627bb elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="49627bb" data-element_type="section" id="mm" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-extended"> <div class="elementor-row"> <div class="elementor-element elementor-element-0faa4ba elementor-column elementor-col-50 elementor-inner-column" data-id="0faa4ba" data-element_type="column"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> </div> </div> </div> <div class="elementor-element elementor-element-d02a1ce elementor-column elementor-col-50 elementor-inner-column" data-id="d02a1ce" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-cf346b1 elementor-widget elementor-widget-text-editor" data-id="cf346b1" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>lorem ipsum etc.</p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-49c42f1 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="49c42f1" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-057d1c7 elementor-column elementor-col-100 elementor-inner-column" data-id="057d1c7" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-29efc28 elementor-widget elementor-widget-spacer" data-id="29efc28" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-5e31fe0 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="5e31fe0" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-wider"> <div class="elementor-row"> <div class="elementor-element elementor-element-0175d4d elementor-column elementor-col-50 elementor-inner-column" data-id="0175d4d" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-4ebca62 elementor-widget elementor-widget-heading" data-id="4ebca62" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">lorem ipsum etc.</h1> </div> </div> <div class="elementor-element elementor-element-8d5c7df elementor-widget elementor-widget-spacer" data-id="8d5c7df" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-c9890b9 elementor-widget elementor-widget-heading" data-id="c9890b9" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">lorem ipsum etc.</h1> </div> </div> <div class="elementor-element elementor-element-785ad79 elementor-widget elementor-widget-spacer" data-id="785ad79" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-8999596 elementor-widget elementor-widget-heading" data-id="8999596" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">lorem ipsum etc.</h1> </div> </div> <div class="elementor-element elementor-element-0d644cf elementor-widget elementor-widget-spacer" data-id="0d644cf" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-893f418 elementor-widget elementor-widget-heading" data-id="893f418" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">lorem ipsum etc.</h1> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-db781fa elementor-column elementor-col-50 elementor-inner-column" data-id="db781fa" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-c12bc70 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="c12bc70" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-8899735 elementor-column elementor-col-100 elementor-inner-column" data-id="8899735" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-1cc2456 elementor-widget elementor-widget-spacer" data-id="1cc2456" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-f5bf5ac elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="f5bf5ac" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-extended"> <div class="elementor-row"> <div class="elementor-element elementor-element-8730f26 elementor-column elementor-col-50 elementor-inner-column" data-id="8730f26" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> </div> </div> </div> <div class="elementor-element elementor-element-4f671f8 elementor-column elementor-col-50 elementor-inner-column" data-id="4f671f8" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-f41ec90 elementor-widget elementor-widget-text-editor" data-id="f41ec90" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>lorem ipsum etc.</p></div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-f42b865 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="f42b865" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-c96747d elementor-column elementor-col-100 elementor-inner-column" data-id="c96747d" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-bd9d450 elementor-widget elementor-widget-spacer" data-id="bd9d450" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-e3527b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="e3527b5" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-wider"> <div class="elementor-row"> <div class="elementor-element elementor-element-d9aac6f elementor-column elementor-col-50 elementor-inner-column" data-id="d9aac6f" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-5ea756c elementor-widget elementor-widget-heading" data-id="5ea756c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">lorem ipsum etc.</h1> </div> </div> <div class="elementor-element elementor-element-10e14d2 elementor-widget elementor-widget-spacer" data-id="10e14d2" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-a36d8dd elementor-widget elementor-widget-heading" data-id="a36d8dd" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">lorem ipsum etc.</h1> </div> </div> <div class="elementor-element elementor-element-4bdf01f elementor-widget elementor-widget-spacer" data-id="4bdf01f" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-10a5a9f elementor-widget elementor-widget-heading" data-id="10a5a9f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">lorem ipsum etc.</h1> </div> </div> <div class="elementor-element elementor-element-99b8178 elementor-widget elementor-widget-spacer" data-id="99b8178" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-ee5d4cc elementor-widget elementor-widget-heading" data-id="ee5d4cc" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">lorem ipsum etc.</h1> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-a998cdb elementor-column elementor-col-50 elementor-inner-column" data-id="a998cdb" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-column-wrap"> <div class="elementor-widget-wrap"> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-9bbbd0a elementor-widget elementor-widget-spacer" data-id="9bbbd0a" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-5b3b467 elementor-widget elementor-widget-spacer" data-id="5b3b467" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-d6abbd2 elementor-widget elementor-widget-heading" data-id="d6abbd2" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h1 class="elementor-heading-title elementor-size-default">lorem ipsum etc.</h1> </div> </div> <div class="elementor-element elementor-element-1232473 elementor-widget elementor-widget-spacer" data-id="1232473" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <section class="elementor-element elementor-element-6e3ad8a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="6e3ad8a" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-121b21b elementor-column elementor-col-25 elementor-inner-column" data-id="121b21b" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-f066691 bxshdw elementor-view-default elementor-widget elementor-widget-icon" data-id="f066691" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-comments"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-214cbd8 elementor-star-rating--align-center elementor--star-style-star_fontawesome elementor-widget elementor-widget-star-rating" data-id="214cbd8" data-element_type="widget" data-widget_type="star-rating.default"> <div class="elementor-widget-container"> <div class="elementor-star-rating__wrapper"> <div class="elementor-star-rating" title="5/5" itemtype="https://schema.org/Rating" itemscope="" itemprop="reviewRating"><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i> <span itemprop="ratingValue" class="elementor-screen-only">5/5</span></div> </div> </div> </div> <div class="elementor-element elementor-element-684f417 elementor-widget elementor-widget-text-editor" data-id="684f417" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Clear and concise</p></div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-28fa92c elementor-column elementor-col-25 elementor-inner-column" data-id="28fa92c" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-4d752e1 bxshdw elementor-view-default elementor-widget elementor-widget-icon" data-id="4d752e1" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-bookmark"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-b4027fa elementor-star-rating--align-center elementor--star-style-star_fontawesome elementor-widget elementor-widget-star-rating" data-id="b4027fa" data-element_type="widget" data-widget_type="star-rating.default"> <div class="elementor-widget-container"> <div class="elementor-star-rating__wrapper"> <div class="elementor-star-rating" title="5/5" itemtype="https://schema.org/Rating" itemscope="" itemprop="reviewRating"><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i> <span itemprop="ratingValue" class="elementor-screen-only">5/5</span></div> </div> </div> </div> <div class="elementor-element elementor-element-20cddb1 elementor-widget elementor-widget-text-editor" data-id="20cddb1" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Quick to respond</p></div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7f0c050 elementor-column elementor-col-25 elementor-inner-column" data-id="7f0c050" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-22f08bd bxshdw elementor-view-default elementor-widget elementor-widget-icon" data-id="22f08bd" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-building"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-abca07e elementor-star-rating--align-center elementor--star-style-star_fontawesome elementor-widget elementor-widget-star-rating" data-id="abca07e" data-element_type="widget" data-widget_type="star-rating.default"> <div class="elementor-widget-container"> <div class="elementor-star-rating__wrapper"> <div class="elementor-star-rating" title="5/5" itemtype="https://schema.org/Rating" itemscope="" itemprop="reviewRating"><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i> <span itemprop="ratingValue" class="elementor-screen-only">5/5</span></div> </div> </div> </div> <div class="elementor-element elementor-element-3b0fb39 elementor-widget elementor-widget-text-editor" data-id="3b0fb39" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Effective capture</p></div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2380195 elementor-column elementor-col-25 elementor-inner-column" data-id="2380195" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-abfadc2 bxshdw elementor-view-default elementor-widget elementor-widget-icon" data-id="abfadc2" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <i aria-hidden="true" class="far fa-clipboard"></i> </div> </div> </div> </div> <div class="elementor-element elementor-element-fedf184 elementor-star-rating--align-center elementor--star-style-star_fontawesome elementor-widget elementor-widget-star-rating" data-id="fedf184" data-element_type="widget" data-widget_type="star-rating.default"> <div class="elementor-widget-container"> <div class="elementor-star-rating__wrapper"> <div class="elementor-star-rating" title="5/5" itemtype="https://schema.org/Rating" itemscope="" itemprop="reviewRating"><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i><i class="elementor-star-full">?</i> <span itemprop="ratingValue" class="elementor-screen-only">5/5</span></div> </div> </div> </div> <div class="elementor-element elementor-element-1524d11 elementor-widget elementor-widget-text-editor" data-id="1524d11" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-text-editor elementor-clearfix"><p>Intuitive</p></div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-30f7dcc elementor-widget elementor-widget-spacer" data-id="30f7dcc" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-832dec9 elementor-widget elementor-widget-spacer" data-id="832dec9" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-b8500e1 elementor-widget elementor-widget-spacer" data-id="b8500e1" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> </div> </div> </div>
Hi there,
This looks like something you will need to check with Elementor’s support.
Thanks!
No problem ??
- The topic ‘remove top padding of one div’ is closed to new replies.