WebSite X5Help Center

 
James T.
James T.
User

Header in the middle of page  en

Autore: James T.
Visite 1336, Followers 2, Condiviso 0  
Parole Chiave: footer,header,problem

Hi all!

I'm having some troubles with what I call a 'floating header' that is sitting in the middle of my website home page. It's a little bit difficult so below is a link to the site.

http://www.livelearnandgrow.org/

Scroll down the home page a little bit and you will see it. Is there anyway I can det rid of it?

Cheers,

James

Postato il
12 RISPOSTE - 2 UTILI - 1 CORRETTO
Andre E
Andre E
Moderator

Is the template custom made? You might need to remove the background image, it looks like your header image.

Maybe it got there by accedent.

BR A

Leggi di più
Postato il da Andre E
Incomedia
Claudio D.
Incomedia

Hello James,

Did you set in the custom template the option for the background to repeat in both direction?

You need to set only the option to repeat only in horizontal and then set the background color to the same grey used for the image.

Many thanks!

Leggi di più
Postato il da Claudio D.
James T.
James T.
User
Autore
Claudio D.
Hello James, Did you set in the custom template the option for the background to repeat in both direction? You need to set only the option to repeat only in horizontal and then set the background color to the same grey used for the image. Many thanks!

Thanks for your reply Claudio, but how exactly would I do that?

Cheers :)

Leggi di più
Postato il da James T.
James T.
James T.
User
Autore

I should also add that this is a Preset Template.

Leggi di più
Postato il da James T.
Andre E
Andre E
Moderator

This looks like a bug in the template, wit long text it creates another header. Incomedia should check this out.

Leggi di più
Postato il da Andre E
Incomedia
Claudio D.
Incomedia

Hello James,

Open the custom template and then in the Template editor choose "background" and change the repeat option from "Tile image" to "horizontal repeat" and add as background color the same grey used in the background image.

@Andre it's not a bug. If you set to repeat the image in both directions then when the image has reached the end this will be repeated again. It's a single image used for the custom template background where the header is included.

Many thanks!

Leggi di più
Postato il da Claudio D.
Andre E
Andre E
Moderator

Claudio,

It's summer time template (school and education) in V9

How can you edit this template,  it's a Preset template.

THX, BR A

Leggi di più
Postato il da Andre E
James T.
James T.
User
Autore

Thanks for these details Claudio but as Andre said, I am using a PRESET TEMPLATE and can't find anything to change this.

Cheers!

Leggi di più
Postato il da James T.
Incomedia
Claudio D.
Incomedia

Hello,

You need to select the template and then click on duplicate. It will create a copy of the template which can be opened with the Template Editor and this setting can be changed like described above. I will notify the issue with the template so it can be fixed for the future releases.

Many thanks!

Leggi di più
Postato il da Claudio D.
Paul M.
Paul M.
Moderator

Claudio, James appears to be using version 9  -  as far as I am aware there is no option to duplicate templates in v9?  Only in v10?

Leggi di più
Postato il da Paul M.
Incomedia
Claudio D.
Incomedia

Hello James,

Please try to add following code in Step 1 - Expert in the HEAD code section:

<style>
html {
background-repeat: repeat-x !important;
background-color: #E8E8E8;
}
</style>

In this way the header will be shown only one and it will have the same background color as the image used for the template.

Please let me know if it works.

Hello Paul,

Thank you very much for your information. In Version 9 the preset templates cannot be edited directly in the program and it has been introduced in Version 10.

Many thanks!

Leggi di più
Postato il da Claudio D.
James T.
James T.
User
Autore

Hi Claudio,

Thanks very much for this tip - it worked perfectly! No more repeated header on the website! Really appreciate everyone's help - great to see a helpful community :)

Cheers,

James

Leggi di più
Postato il da James T.