WebSite X5Help Center

 
Errol W.
Errol W.
User

Large Background image  en

Autore: Errol W.
Visite 3230, Followers 1, Condiviso 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.

Postato il
13 RISPOSTE - 1 UTILE - 1 CORRETTO
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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Andre E
Errol W.
Errol W.
User
Autore

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.

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Andre E
Errol W.
Errol W.
User
Autore

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.

Leggi di più
Postato il da Errol W.
Errol W.
Errol W.
User
Autore

Here is what I get.

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Esahc ..
Errol W.
Errol W.
User
Autore

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

Leggi di più
Postato il da Errol W.
Errol W.
Errol W.
User
Autore

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

Leggi di più
Postato il da Errol W.
Errol W.
Errol W.
User
Autore

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

Leggi di più
Postato il da Errol W.
Errol W.
Errol W.
User
Autore

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

Leggi di più
Postato il da Errol W.
Andre E
Andre E
Moderator

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

Best regards,

Leggi di più
Postato il da Andre E