WordPress.com Forums » Topic: Chunk theme: resize custom header

designsimply on "Chunk theme: resize custom header"

designsimply — Thu, 12 Jan 2012 18:03:25 +0000

No worries! And thanks. :) It makes it easier to provide support when the threads are well-organized.

howardjackson09 on "Chunk theme: resize custom header"

howardjackson09 — Thu, 12 Jan 2012 18:01:35 +0000

sorry - have done!

designsimply on "Chunk theme: resize custom header"

designsimply — Thu, 12 Jan 2012 17:58:53 +0000

@leftouteditors, would you mind please making an new thread? http://en.forums.wordpress.com/forum/css-customization/

leftouteditors on "Chunk theme: resize custom header"

leftouteditors — Thu, 12 Jan 2012 17:57:54 +0000

Hello, can anyone tell me how to insert a right hand margin for widgets etc on Chunk theme?

Thank you!

designsimply on "Chunk theme: resize custom header"

designsimply — Thu, 29 Dec 2011 17:10:02 +0000

Yay! Cheers. :)

darlenao on "Chunk theme: resize custom header"

darlenao — Thu, 29 Dec 2011 16:53:58 +0000

Ahh, okay, I see. Thanks for your help. It works perfectly!

designsimply on "Chunk theme: resize custom header"

designsimply — Thu, 29 Dec 2011 16:37:39 +0000

The image you linked is 921 x 498 pixels:
http://enoughofthecattalk.files.wordpress.com/2011/12/maybe-final1.jpg

But the space for the header in the Chunk theme is only 788 pixels by default. If you want to adjust your image to fit, you can add some parameters to the end of the URL and get a smaller image:
http://enoughofthecattalk.files.wordpress.com/2011/12/maybe-final1.jpg?w=788

That image is 788 x 426 pixels, and so you could use CSS like this to replace the Chunk theme header image with your image:

#menu #header-image {
background: url("http://enoughofthecattalk.files.wordpress.com/2011/12/maybe-final1.jpg?w=788") no-repeat scroll center top transparent;
height: 426px;
margin-left: auto;
margin-right: auto;
width: 788px;
}

#menu img {
display: none;
}

Note that it's also possible to change the width of the entire layout, but that would take different CSS.

darlenao on "Chunk theme: resize custom header"

darlenao — Thu, 29 Dec 2011 16:03:26 +0000

Hi, I am also brand new to CSS. I want to insert an image in the header, but can't seem to get it the right size. The image URL is: http://enoughofthecattalk.files.wordpress.com/2011/12/maybe-final1.jpg

I tried cutting and pasting the above CSS, replacing the pixel dimensions with my sizing. Somehow, it's still not working. How can I replace this?

thesacredpath on "Chunk theme: resize custom header"

thesacredpath — Thu, 15 Dec 2011 19:11:27 +0000

You are welcome, and in future, when your question is on a different subject, please start a new thread in the forums so as not to confuse existing threads. Thanks.

enpositivods on "Chunk theme: resize custom header"

enpositivods — Thu, 15 Dec 2011 18:26:03 +0000

Thank you : )

thesacredpath on "Chunk theme: resize custom header"

thesacredpath — Thu, 15 Dec 2011 18:17:10 +0000

Light grey area on the left that is.

thesacredpath on "Chunk theme: resize custom header"

thesacredpath — Thu, 15 Dec 2011 18:16:40 +0000

At settings > sharing there are two areas to drag the buttons to. The darker grey rectangle at right where all the icons will be grouped as you have them, or the light grey area where it says "Services dragged here will appear individually." If you drag the icons over to that area, they will appear individually.

enpositivods on "Chunk theme: resize custom header"

enpositivods — Thu, 15 Dec 2011 15:51:44 +0000

a simple question, I have the issue of chunck t I have a problem with my Share Button.
How I can make the buttons do not appear grouped ?
My blog is http://www.desegni.org

enpositivo.ds()gmail.com

thesacredpath on "Chunk theme: resize custom header"

thesacredpath — Sat, 26 Nov 2011 05:41:02 +0000

You are welcome.

cpemslie on "Chunk theme: resize custom header"

cpemslie — Sat, 26 Nov 2011 05:39:38 +0000

...actually, never mind. It seems I have none of the software required to make the PNG. But really, I'm fine with the logo not being an active link. Thanks again for the help!

thesacredpath on "Chunk theme: resize custom header"

thesacredpath — Sat, 26 Nov 2011 05:39:10 +0000

You are welcome.

cpemslie on "Chunk theme: resize custom header"

cpemslie — Sat, 26 Nov 2011 05:29:56 +0000

Thank you! That worked perfectly. For now I'm ok with using the home link in the navigation to return to the main page, but I'll post back here once I've created and uploaded the PNG file and put the widget on the page. You're a star.

thesacredpath on "Chunk theme: resize custom header"

thesacredpath — Sat, 26 Nov 2011 05:21:31 +0000

The following does it, but the image will no longer link to your main site page as the other one did. This can be fixed. What you do is make a transparent PNG image, with no background color the same size as your header, upload it to your media library, put it into a text widget and link it to the site main page. Once you have done that, post back here and we can then use absolute positioning to move it up and over the top of the header image.

#menu #header-image {
background: url("http://ilkjournal.files.wordpress.com/2011/11/ilkbanner.jpg") no-repeat scroll center top transparent;
height: 404px;
margin-left: auto;
margin-right: auto;
width: 788px;
}

#menu img {
display: none;
}

cpemslie on "Chunk theme: resize custom header"

cpemslie — Sat, 26 Nov 2011 04:23:47 +0000

I am trying to resize the header image to 788 by 404 px, because the default size won't admit my header image (which can be found here) without me having to severely distort it first. I've been on the 'Designing Headers' page but the example CSS there doesn't seem remotely compatible with Chunk's. I should point out at this point that I am very new to CSS and have only a vague knowledge of HTML (I'm sure you guys must dread people like me). Any help you could give me would be hugely appreciated.

Chris