How to reduce padding/margin ONE one section

Shapely
1

Hi Colorlib,
I have two connected questions concerning css:
1)
I’d like to shrink the space marked in RED on the attached picture. This means only on one section/ widget.
I tried lots of css but couldn t find a way to do this.
I have tried (stupid) things like .shapely_home_features {margin-top: -90px;} which chrome doesn t like (who can blame ;)) but firefox does…anyhow it becomes a mess . Things like padding top bottom doesn t work at all…

Related is that in shapely, when I move one thing in css everything as a tendency to get messed up on the frontpage. I don’t know how to decouple things.
For example I want to move the text under the section “SEO Friendly”
here https://colorlib.com/shapely/ and I get the text in section “Small Parallax Section” shifted (ie not centered). Using .mb32 .

Thanks a lot for your help.

The code of the section for my first question is as follow:

<div id=”shapely_home_features-3″ class=”widget shapely_home_features”> <section>
<div class=”container”>
<div class=”row”>
<div class=”col-sm-12 text-center”>
<h3 class=”mb16″></h3>
<p class=”mb64″></p>
</div>
</div>
<!–end of row–>
<div class=”row”>
<div class=”col-sm-4″>
<div class=”feature feature-1″>
<div class=”text-center”>
<i class=”fa fa-mobile”></i>
<h4>Applications mobiles</h4>
</div>
<p>Soyez au plus près de vos clients <br>
<b>» Développez vos applications mobiles</b>

</p>
</div>
<!–end of feature–>
</div>
<div class=”col-sm-4″>
<div class=”feature feature-1″>
<div class=”text-center”>
<i class=”fa fa-check”></i>
<h4>Développement CRM pour PME</h4>
</div>
<p>Optimisez votre temps et votre argent <br>
<b>» Développez votre CRM</b> </p>
</div>
<!–end of feature–>
</div>
<div class=”col-sm-4″>
<div class=”feature feature-1″>
<div class=”text-center”>
<i class=”fa fa-code”></i>
<h4>Sites Webs</h4>
</div>
<p>La vitrine de votre entreprise <br>
<b>» Développez votre site web</b> </p>
</div>
<!–end of feature–>
</div>
</div>
<!–end of row–>
</div>
<!–end of container–>
</section>

</div>

PS: concerning my previous psot, it made sens to me to post on a previous related thread. Sorry for the inconvenience.

2

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

3

Hello @Support,
Yes the name of the website is attached in picture

Thanks for your help

4

Hello there,

You can use the following CSS code to change the appearance by going to Appearance > Customize > Additional CSS and pasting it there.


/*Change space*/
div#shapely_home_features-3 {
    padding-top: 20px;
}

/*Move SEO Friendly section*/
.col-md-4.col-md-offset-1.col-sm-5.col-sm-offset-1 {
    left: -29px;
}

Best Regards,
Support