Spacing issue on WP theme

Posted on 2011-10-28
Last Modified: 2012-05-12
Ugh. Can anybody tell me why the white space is showing beneath the header module on: In the stylesheet editor (for the theme) I set the "space around image module" to 0px, but nothing changed.

Thank you in advance! I do appreciate it.

Question by:mellijae
    LVL 30

    Expert Comment

    I would honestly just try giving the parent a height of 155px;

    <div style="display: block; clear: both; overflow: hidden; width: 900px; margin: 0pt auto; padding: 0pt; max-width: 900px; height: 155px;" class="builder-module-outer-wrapper builder-module-image-outer-wrapper builder-module-before-html-outer-wrapper default-module-style-outer-wrapper default-module-style-outer-wrapper">

    Open in new window


    Author Comment

    Hi LZ1.

    Thank you, but I don't understand. The header is in something called an "image module," specific to this theme. The image module allows me to upload an image into the module, but does not allow me to enclose the image in a DIV.

    I am pretty sure I have to work from the style sheet. Or do I just not understand something? (which I realize is highly likely)
    LVL 30

    Accepted Solution

    Your fine mellijae. Don't sell yourself short.

    Whatever builder your using is just hacking the crap out of the code. I know there's no other way for you to build the site and that's fine. Just know that you'll keep running into problems.

    What you could do from the CSS is put the height on this class:

    Open in new window

    LVL 70

    Expert Comment

    by:Jason C. Levine
    The offending code is actually in the body declaration:

    body {
        color: #222222;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 75%;
        line-height: 1.5em;

    Remove the line-height to collapse everything back together.

    >> Just know that you'll keep running into problems.

    Heh.  We should compile all of mellijae's questions (after we fix it all) and send it to Builder's dev team...

    Author Closing Comment

    Thank you sir.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    What Security Threats Are You Missing?

    Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    The purpose of this video is to demonstrate how to automatically show related posts at the bottom of a blog post in WordPress. This will be demonstrated using a Windows 8 PC. Plugin “Yet Another Related Posts Plugin” will be used. Go to your…
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now