CSS Editing Problem


I am just having a slight problem editing the CSS in my 3rd section on my website. The parralax section with the fox and “a little about me” paragraph. I am trying to create less space between the picture of the fox and the paragraph. I tried editing the padding on the div that the paragraph is in but nothing has changed. Any idea? Maybe I am simply targeting the wrong div.

This is my website, the section is simply on the homepage:


Thanks in advanced, you guys are a big help on here!

Hi @hansonsk94,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#shapely_home_parallax-3 .col-md-7 {
    text-align: right;
#shapely_home_parallax-3 .col-md-4 {
    margin-left: 0;

Best Regards,