WebSite X5Help Center

 
Errol W.
Errol W.
User

Large Background image  en

Autor: Errol W.
Visitado 3236, Seguidores 1, Compartilhado 0  

I want an image to fill the screen with a background image. I am using the the css style shown in the attachment. No image appears when I test it.

Publicado em
13 RESPOSTAS - 1 ÚTIL - 1 CORRIGIR
Andre E
Andre E
Moderator

Why by css?

You can set it in x5, step 2 select the page you wish, then use properties button, goto the Graphic TAB.

eneble custom settings, set an image (for background page or background content, set repeat on fit to window

and you are ready.

Best Regards.

Andre

Ler mais
Publicado em de Andre E
Andre E
Andre E
Moderator

Then do as i wrote: don't use custom code, x5 can do this for you.

You can set it in x5, step 2 select the page you wish, then use properties button, goto the Graphic TAB.

eneble custom settings, set an image for background page in your case, set repeat on fit to window.

That should be it.

Ler mais
Publicado em de Andre E
Errol W.
Errol W.
User
Autor

I did use that method, it does fit the image fully on the content page. Here is what it look like. http://www.getitwright.net/confecsheanary/     What I want is full page coverage.

Ler mais
Publicado em de Errol W.
Andre E
Andre E
Moderator

I see only red background, not the picture. If you want the red to be replaced by a picture follow this and remove the red set it to transparant.

If you want it for 1 page and the full page select in the graphic tab website background for this page only, not page content background for this page only.

Then it should cover the full background of the page if fit to window is selected.

If you want it on every page on your website then do the same thing only in a different place: main templates tructure then set it in page background.

If it does not help show me what you have done and why it's not as you wish.

The above method should place the picture full width in the background of your complete sitepage and not in content that is the option below my example.

Ler mais
Publicado em de Andre E
Errol W.
Errol W.
User
Autor

Here is the property settings. I did get the full image but loss some resolution. However, the content section is blocking most of the image.

Ler mais
Publicado em de Errol W.
Errol W.
Errol W.
User
Autor

Here is what I get.

Ler mais
Publicado em de Errol W.
Esahc ..
Esahc ..
Moderator

Errol, just as Andre showed you how to change the background, you can also set page content to transparent on the main template structure page

You can also set header background to transparent if you wish.

Ler mais
Publicado em de Esahc ..
Errol W.
Errol W.
User
Autor

I did set it to transparent, but the content section still show up.

Ler mais
Publicado em de Errol W.
Errol W.
Errol W.
User
Autor

The image attached shows all tranparent. But the content section is still there.

Ler mais
Publicado em de Errol W.
Errol W.
Errol W.
User
Autor

Well I just noticed I was making the change on the page itself and not the template structure.

Ler mais
Publicado em de Errol W.
Errol W.
Errol W.
User
Autor

With making the change on the mainstructure all is well now. Now it's just matter of working out the resolution of the image.

Ler mais
Publicado em de Errol W.
Andre E
Andre E
Moderator

Thanks for the feedback, glad it's working now.

Best regards,

Ler mais
Publicado em de Andre E