WordPress.org

Support

Support » Themes and Templates » Removing Dead Space on Bottom of Page

Removing Dead Space on Bottom of Page

Viewing 15 replies - 1 through 15 (of 15 total)
  • Moderator Jose Castaneda

    @jcastaneda

    THEME COFFEE MONKEY

    1. We can’t see the image as it returns a 403 error.

    2. An image doesn’t help when trying to solve HTML/CSS related issues.

    All I can say is use your browser’s developer tools to adjust the padding/margin on the element.

    Hi Harp,

    The PNG is not working therefore I cannot see what to remove.

    Also as a good moderator says.

    Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

    Can you repost the link please?

    1. The look works for all three of my devices. Don’t know what the issue is on your end.

    2. I figured that it would provide a good visual aid.

    I’ve thought about adjusting the padding or margin. I’m looking for where I should do this in the CSS, as I’m using a child. Thanks.

    Yes, you are correct it is usually the padding issue.

    Aaron, thanks for the response. Here’s the photo again, hopefully on a working link. — http://harpagonpress.com/?p=743

    Please let me know if you have any workable suggestions. Thanks again.

    I’m attempting to see what margin/padding I need to reduce? No idea.

    Hey Harp,
    I was looking at your website today, and I noticed the really good security 🙂 good job! But around this time that I am messaging you did you edit something, because I found the code and then now its gone ha-ha. Thanks, Aaron.

    Hey Harp,
    These are what you should enter into the Simple CSS editor or the Child theme, then you are good to go :-).

    If you ever need anything you know where to find me. :-).
    Thanks, Aaron.

    footer[role="contentinfo"] {
     margin-top:0;
    }
    
    .site-content article {
     padding-bottom: 0rem;
    }
    
    footer.entry-meta {
     margin-top: 0rem;
    }
    
    .site-content article {
     padding-bottom: 0rem;
    }

    Thanks, Aaron. The dead space is the bottom has certainly been reduced. Is there some way to completely remove that horizontal line on the bottom, however?

    I noticed that you listed the following two times:

    .site-content article {
    padding-bottom: 0rem;
    }

    Are there two things I need to change or was this an error?

    Thanks Aaron, I appreciate it.

    – Harp

    *dead space on the bottom has certainly been reduced.

    Hey Harp,

    I am so sorry I have not been able to get into contact with you, but here is your answers.

    1.) Yes it was an error I apologize.

    2.) To remove the horizontal line enter this information into the CSS editor.

    footer[role="contentinfo"] {
     border-top: none;
    }

    I hope this helps :-).

    Thanks,
    Aaron.

    Since I put in a small text widget on the bottom, the issue with the dead space has arisen again. Does anyone have any pointers on how to remove this and make it more tight?

    The Web site is as follows. You can probably see the issue if you scroll down the footer — http://harpagonpress.com/

    Thanks!

    Thanks Aaron. I’ll give it a try and let you know. Appreciate the help once again.

    Changed the value to none, but the horiztonal line is there for some reason. Also refreshed the cache; no change, it seems.

    I thought about changing the value to 0, but that didn’t work either. Suggestions?

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Removing Dead Space on Bottom of Page’ is closed to new replies.
Skip to toolbar