Need help? Check out our Support site, then


Add a little extra distance between header and text in balloon theme

  1. Hi! I'm an absolute newbie at anything blog/css related so bear with me! I've chosen the balloons theme and have managed (through the power on the internet) to remove the balloons and the space they occupied. However, if I change the margin from 0 to, say 50 in the css, the header and text no longer align (this is probably a hilarious rookie error). Could someone help me with this? I only want a little more space between the header and title of the posts.
    Alternatively, I think I might want the image below the title, rather than above. is this possible?? Thanks!

    The blog I need help with is loubox.me.

  2. I only want a little more space between the header and title of the posts.

    I tested changing the bottom margin for #masthead from 50px to 0 and back again, and I don't see the image change its alignment when I update that. Is that the CSS you were referring to?

    The image looks good to me, so you may have already figured this out. Please reply back here and mark the thread as "not resolved" if you need further help with the header spacing.

  3. Alternatively, I think I might want the image below the title, rather than above. is this possible??

    To move the image below the title, start with this and adjust the numbers as necessary until it looks how you want:

    #masthead img {
    	display: none;
    }
    hgroup {
    	background: url(http://louboxdotme.files.wordpress.com/2012/09/cropped-weezfacefinalneck.jpg) center 180px no-repeat;
    	min-width: 640px;
    	min-height: 610px;
    }
    .custom-background .main-navigation {
    	padding: 10px 0 0 0;
    	margin-left: -4px;
    }
    .main-navigation ul li::before {
    	padding: 0;
    }
    #masthead {
    	margin-bottom: 10px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic