XF 2.2 put a background image on the header

[viglesias]

Hi,

It's possible put a image background in header ? I Try only in mode "logo" and change restrictions on pixels, but I can't find the option to put the image for the whole header and have it expand.

 

[Mr Lucky]

It’s in Style Properties under Header and Navigation

lower down you see Header/Logo Row and there is a field there for background colour or image

 

[viglesias]

It’s in Style Properties under Header and Navigation

lower down you see Header/Logo Row and there is a field there for background colour or image

Thanks, I'm going to see if I can put it up

 

[viglesias]

It’s in Style Properties under Header and Navigation

lower down you see Header/Logo Row and there is a field there for background colour or image

but does anyone know how to centre it so that it fits in dimensions centred at like 1350x350 pixels?

Foroconspiracion.com

Foro sobre teorías de la conspiración. El lugar de los teóricos de la conspiración.

www.foroconspiracion.com

 

[Mr Lucky]

but does anyone know how to centre it so that it fits in dimensions centred at like 1350x350 pixels?

In the css/less field

background-repeat:no-repeat;
background-position: center top;

For sizing other than the actual dimesions of the image see:

CSS background-size property

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

[Mr Lucky]

For height of the header container, in header/logo row:

height:350px;

But if you have a logo you can also expand the header vertical size of the logo and its padding.

 

[viglesias]

For height of the header container, in header/logo row:

height:350px;

But if you have a logo you can also expand the header vertical size of the logo and its padding.

Thanks again, I think it's working

I have to go back to my css and javascript that I have forgotten a lot.

 

[Mr Lucky]

Thanks again, I think it's working

I have to go back to my css and javascript that I have forgotten a lot.

that w3schools site is very useful for the css

 

[Agentos]

@Mr Lucky I used your Css codes but I need to align the background in the header and in the navigation. Alternatively, is it possible to set one image so that it is immediately in the header, navigation and sticky when browsing?