How to set fullwidth header background? And some more doubts

Hi!
I’ve just bought the theme and I’m loving it!

I’m making the first tests on it and I have some doubts:

1. How can I set my header exactly like this one http://criss-colfer.fr/test/ ? I mean: higher than the demo, fullwidth and no borders.

I tried to set the Header Style 3 – (full width logo) + menu in the Theme Panel, also no image or color background, but the only thing I get was this: http://fotografiaetc.com.br/

I appreciate if you can explain me how to do these changes easily, since I’m not an advanced user.

2. I’ve made some initial customization, but I’ve noticed that Chrome and IE displays the theme very differently, specially concerning the (i) content width and the (ii) theme main color (IE shows part blue, part yellow), why is that?

3. Finally, I’ve made the sample content installation, but my theme is not showing any of the images (as you can see in the link above), what can be wrong?

Thank you very much for your help!

• This topic was modified 12 years by alinecaoli.

Thanks for the reply!

About n. 1, I see you are right, they used black background color to “complete” the fullwidth effect. Anyway, I should have explain myself better:

I’m going to use an illustration on my header, but I want the image to cover all the width of the header, I don’t want the margin on sides, and I can’t use background color to “complete” the sides of the header because it would look like weird (it’s a colorful illustration and I want continuity).

Ideally I would use an background image (fullwidth) + logo, but since that is not possible with this theme, I though that the Style 3 header would be the solution (combining the background illustration and the logo in one image and setting it as the fullwidth logo at theme panel), but now I see that even in the fullwidth logo I still have margins on sides.

Anyway, please tell me if, by CSS, it’s possible to have a real fullwidth image background on header (without any margin on sides). If not, I think the alternative could be use the boxed version with background image and transparent header, right?

Thanks again!

hi,

try this css :

.td-header-bg {
  background-image:url('http://z.about.com/d/cameras/1/7/u/1/bigcat.JPG') !important;
}

It did work!!! Thank you very much!

I’m having just one more little problem, when I use Header Style 1 or 4 with Logo Settings alignment left + full size (235×154), the logo gets really stretched, almost +50% of its real size. When using Style 3 or 6 the stretching doesn’t happen, but Left Alignment is not possible in that case, so won’t work for me.

Can you imagine why that’s happening?

Thanks!