XF 2.0 Adding a images to header

[Diesan Romero]

How to add a image to the header like this:

 

[DL6]

ACP > Appearance > Styles > Your style > Style properties > Header and navigation > Header/logo row

 

[Diesan Romero]

ACP > Appearance > Styles > Your style > Style properties > Header and navigation > Header/logo row

¿Cómo hago para que el header haga margen y se pueda ver la imagen completa? / How do I make the header margin and the whole image can be seen?



así se ve, la imagen no está completa.

 

[DL6]

¿Cómo hago para que el header haga margen y se pueda ver la imagen completa? / How do I make the header margin and the whole image can be seen?

View attachment 161353

así se ve, la imagen no está completa.

Change the height to your needs in extra.less template with something like this

.p-header-content {height: 200px;}

 

[Diesan Romero]

@DL6 Esa es buena, porque ahora yo puedo ajustar mi imagen al tamaño del alto que seleccioné para la cabecera. Saludos.

 

[Mike]

Please only post in English.

 

[Diesan Romero]

Please only post in English.

I will continue trying to do the best I can, since my English is not so good. Sorry for the inconvenience.

 

[Mr Lucky]

I will continue trying to do the best I can, since my English is not so good. Sorry for the inconvenience.

That seems better than many native English speaker's.

 

[Diesan Romero]

That seems better than many native English speaker's.

Thank you

 

[jr777]

¿Cómo hago para que el header haga margen y se pueda ver la imagen completa? / How do I make the header margin and the whole image can be seen?

View attachment 161353

así se ve, la imagen no está completa.

Appearance - Style properties - Header and navigation - Header/logo row



Just remember not to enter the CSS tag or brackets or it will not work. That drove me crazy for hours.

 

[CFMack]

This is happening with my header image; it starts to repeat toward the right. Is there a way to have the complete image span that entire area?



This is what I want:

 

[CFMack]

^ I solved this. I added:

background-repeat: no-repeat;
background-size: cover;

to that Extra section in Style Properties.

 

[Bart23Sept]

How much of the file location/name needs to be spelled out in the image location box?

 

[S Thomas]

The whole path xD

 

[Bart23Sept]

I tried everything and found if I start at Styles I was able to get it to work. I'd like it to place to the right of the logo, at the moment it's repeating across the top.

still working on it....have to find the owner's manual. lol

 

[Bart23Sept]

Added the image to the logo image which is working for now, made it 1200x200 to match the max width setting.

time for bed, it looks ok for now. Thanks for the replies.

 

[khal]

Appearance - Style properties - Header and navigation - Header/logo row

Just remember not to enter the CSS tag or brackets or it will not work. That drove me crazy for hours.

Thanks!! You saved me. I could never make it work until I saw this.