Support » Theme: Responsive » How to remove padding from a page?

  • Hi, I’m planning to make a one page website and I was just wondering how I could reduce the white space / padding at the top and the bottom of the page. The coming soon text is a guide as to where the page starts (the first line of content). I don’t want all the padding or white space gone maybe halved. I had a look in the stylesheet hoping I would just have to tinker/change some values but I couldn’t find anything.
Any help would be greatly appreciated. Thank you.

    Website: Park Street Barbers

Viewing 4 replies - 1 through 4 (of 4 total)
  • Christine Rondeau


    Volunteer Forum Moderator

    First thing you need to do is make a child theme –

    and then you can start by removing the padding at the top by editing this:

    #header {
    margin: 15px 25px 10px 0;

    Just reduce the top margin. Right now it’s set to 15px.

    As for the bottom, it’s hard to say.. I can only see a coming soon page. Maybe once you have content on there, it will make more sense to us.

    Hey, thanks yeah I was adjusting values in the stylesheet and managed to reduce the white padding at the top but I forgot to make a child theme. If I make a child theme now will I have to redo the change or wait for the theme to update and then add the changes?
    Thank you for the reply.



    Forum Moderator

    I believe there are pre-made child themes for Responsive. Try asking on the theme’s dedicated forum:

    Christine Rondeau


    Volunteer Forum Moderator

    Here’s the link where you can download the child theme:

    Responsive Pro Example Child Theme

    What I would recommend is that you add your changes to the child theme right now and then when there’s a theme update, just update it and you will have the most up to date code.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to remove padding from a page?’ is closed to new replies.