Tumblr Header & Feed Spacing

Question

I recently purchased the Margaret Studio theme from themecloset on Tumblr.

Once I added my own logo it cut off the first image on my blog with a white strip that must be the 'background' of my logo ( even though it's a transparent png). I would love to be able to fix this.

The main option I think would be to create a bigger space between my header and first post?

Answer 1

If you're wanting to create spacing between elements vertically, I'd add a margin-top:2%; to the lower of the elements.

If you're able to identify the <div> element which you'd like to move further down, you can add some inline styling to the div:

<div style="margin-top:2%;">

Or if you have access to the CSS, you could add an id to the div element and add the margin that way:

<div id="divIWantToMove">

and in the CSS sheet:

#divIWantToMove {
    margin-top:2%;
}

You can play around with spacing using the W3 schools site :)

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_css_margin

(obviously the 2% I've referenced here can be swapped out for any number depending on how big of a margin you're looking to create)