WordPress.com Forums » Tag: move header image - Recent Posts

designsimply on "Header above menu?"

designsimply — Wed, 02 Jan 2013 17:32:44 +0000

but for the life of me i dont see anywhere where i can INPUT the html to be able to edit it.

Things are a little different at WordPress.com. Here, the Custom Design upgrade gives the option to add or replace CSS to change the appearance of a theme. However, WordPress.com does not give you the option to modify theme HTML. You can move things around using CSS though, and it seems to me that will work just fine for this case.

To move the header image in the Misty Lake theme above the main menu, try adding this to your Appearance → Custom Design → CSS editor:

hgroup {
	display: block;
	padding-bottom: 120px;
}

.header-image a {
	position: absolute;
	left: 0;
	top: -180px;
}

rakhinelay on "Header above menu?"

rakhinelay — Tue, 01 Jan 2013 15:33:00 +0000

I wanna say about this. I am not a better blogger but I think I can solve that problem. Header image is under appearances
you have to go appearance and click header . And yo u will see ...........................................thank.

northwicklowcc on "Header above menu?"

northwicklowcc — Tue, 01 Jan 2013 15:20:34 +0000

iv changed the header to my custom header

but im not able to put it above the menu

fateenproductions on "Header above menu?"

fateenproductions — Tue, 01 Jan 2013 15:08:40 +0000

hi, if it is and image you want to get over the menu all you have to do is go to your dashboard and click appearances then there should be an option to change the header image if your need more help contact me on [email redacted] and check out my blog fateenproduction.wordpress.com

northwicklowcc on "Header above menu?"

northwicklowcc — Tue, 01 Jan 2013 14:14:27 +0000

Ok hello

Im currently having an issue trying to get my header above the menu.

Iv looked and googled around and apparently iv gotta edit the html. but for the life of me i dont see anywhere where i can INPUT the html to be able to edit it.

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

designsimply — Fri, 28 Sep 2012 02:00:55 +0000

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;
}

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

designsimply — Fri, 28 Sep 2012 02:00:22 +0000

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.

designsimply on "I would like to move the header image location in manifest theme, help?"

designsimply — Mon, 24 Sep 2012 20:13:16 +0000

I see you figured it out!

#header-image {
	margin:25px auto 0;
}

#site-description {
	margin:0 auto 50px;
	padding:0;
}

Nice work! Your blog really looks fantastic. :)

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

boxy1001 — Wed, 19 Sep 2012 16:11:46 +0000

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!

pilgrimstyling on "I would like to move the header image location in manifest theme, help?"

pilgrimstyling — Sun, 09 Sep 2012 13:00:20 +0000

I would like to move the header image location in manifest theme. I would just like to move it down a fraction as it looks too cramped at the top of the blog.

Is there an easy way of doing this?

Even in the CSS?

I am really inexperienced at doing this.
Blog url: http://pilgrimstyling.wordpress.com/