Need Help Removing White Space

  • I need help with removing the blank space that lies below the header and the top image seen on this page. As the page now appears, the reader would need to scroll down, in order to see what lies below.

    Is there a way to do this, without going into the CSS/HTML? I’m using the ShopKeeper theme and Woocommerce plugin to make the website, but I don’t know if this issue concerns them or if it is a WordPress issue, so I don’t know if this is the appropriate place to post this request for help.

    Unfortunately, I’m not at all conversant with HTML and CSS, so if I go into all of that, I’d probably end up breaking my website. However, if it were something really short & simple, I might be able to do it. I would need to be given very specific directions to do so, however, such as exactly where to insert any code. I installed the Firebug Lite plugin for Chrome and can snoop around on my page, but, as stated, I’m afraid to actually do anything, unless I can get some real hand-holding/guidance.

    Thanks for reading. Any help would be much appreciated.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please remove maintenance mode so we can see your site.

    Thread Starter rayzen1

    (@rayzen1)

    Arrgh! Sorry about that. Okay, I just went and deactivated the plugin; I hope that does it.

    Thanks for trying to help me!

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Nope: I still see

    Maintenance mode

Sorry for the inconvenience.
Our website is currently undergoing scheduled maintenance.
Thank you for your understanding.
    Thread Starter rayzen1

    (@rayzen1)

    Okay, I just went in and delete the maintenance plugin altogether, then refreshed the caches. I hope that works.

    I sure appreciate your sticking with me on this problem, as I don’t know what to do.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    @media only screen and (min-width: 63.9375em) {
   .transparent_header .single-post-header .title, #page_wrapper.transparent_header .shop_header .page-title {
      padding-top:50px;
   }
}
@media only screen and (min-width: 1024px) {
   .site-header {
    padding-bottom: 0;
   }
}

    To add CSS:

    • If you are using WordPress 4.7 or later, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter rayzen1

    (@rayzen1)

    Okay, thanks for that, Steve. I got called away from my website effort by another issue that demanded my immediate attention. Once again, I want you to know that I appreciate your time and trouble in helping me.

    It appears to me that I need to reduce the padding on that page, by inserting the code you sent; however, as stated in my original post, I don’t really know how to do any of that. Actually, I don’t even really know what ‘padding’ is, but assume it’s kind of like a margin that’s added around a given element on the page.

    Following your advice, I went to the Chrome Developer Tools and have begun to work my way through their tutorials.

    I will first have to try to find the customizer and the “Additional CSS” option.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Need Help Removing White Space’ is closed to new replies.