Additional One Spacing

Hello, 

I have set two images in my additional one section - both with a height of 300 pixels.  The space at the top is much bigger than the space at the bottom.  How can I make this even?

www.soothingsoul.co.uk 

Many thanks.  

Comments

  • Hello 
    Your website showing   under construction  mode  . 
    Pls allow me so that  I can  see your website and assist you better . 

    Thanks 
  • Sorry try now
  • hello
    To reduce top space add the below css code inside the custom css box . 

    .additional_section_two {
        padding-top: 0px ! important;
    }


    Thanks 
    Akhilesh
  • I've done that but the spacing at the top is still bigger...

  • HELLO
    I have checked you did not  css into the Customizer >> Additional css box . 

    Pls see the snapshot and confirm me Is it the right  place where space would you want to remove space . 

    Thanks 
  • No, it's not.  It's in additional one - the one above.  You have a large banner at the top above the logo and image text and only a thin one below.  

    Also, I cannot see a Additional CSS Box - I put 

    .additional_section_one {
        padding-top: 0px ! important;
    }

    into Customising ▸ Header settings

    Custom CSS

  • hello 
    Send me the snapshot  indicating space would you want to remove . 

    Thanks 
  • Hello 
    For this add the below css code inside the custom css box . 

    .navbar { 
      margin-bottom: 0 !important;  
    }
    .widget_media_image {
        padding-bottom: 0 ! important;
    }
    .featured_port_title {
        margin: 0;
    }

    Let me know for further assistance . 

    Thanks 
  • Thank you, I ended up setting the top to 30px and removing the margin using this code - now it looks even...

    .additional_section_one {
        padding-top: 30px ! important;
    }


    .featured_port_title {
        margin: 0;
    }
    Many thanks, 
This discussion has been closed.