Hi,
Where is and how can I edit the Header section? I only see footer after the installation.
thanks,
-Pedro.
Where is and how to edit the Header section?
Re: Where is and how to edit the Header section?
On a fresh installation the header section is created using from the Template
So if you want to edit it go to the template that you are using (in the admin login go to the menu Layout --> Templates ) and then click on the template name
look for
The code that is directly beneath there is what creates the header.
On a fresh install it is all done using CSS, but me being less familiar with CSS and more familiar with html ripped that out and put in something different. You could create a global content block (like the footer and put that in there... which is probably something I should do!
Good luck
So if you want to edit it go to the template that you are using (in the admin login go to the menu Layout --> Templates ) and then click on the template name
look for
Code: Select all
<!-- Start Header, with logo image that links to the default start page -->On a fresh install it is all done using CSS, but me being less familiar with CSS and more familiar with html ripped that out and put in something different. You could create a global content block (like the footer and put that in there... which is probably something I should do!
Good luck
-
marvado
Re: Where is and how to edit the Header section?
Thanks Jeff
exactly what I needed to know.
-Pedro
exactly what I needed to know.
-Pedro
Re: Where is and how to edit the Header section?
in the CSS stylesheet color,, it will say something like this,,
/*colors*/
body{background-color: #d7e3f5}
div#header{background-color: #84B7FF}
div#hbox{background: #A9C2E5 url(uploads/images/logo.gif) no-repeat right;color: #000dff}
div#hbox h1 a{color: #C1E6FF}
div#hbox h1 a:hover{color: #C1E6FF}
background: #A9C2E5 fill the box with this color
url(uploads/images/logo.gif) what to put in the box,,
no-repeat only once,,
right make it float to the right if there is room like with a small logo ie. the default palm tree, it's small.
color: #000dff any text in the box will be this color, except of course the h1 a thats the beauty(sp?) of CSS you can target most anything that has a
this is the same for any box you want to put an img. in,, you might have to tell the box to be a certain size like,, width: 350px; height: 30px or whatever size the img. is if nothing else in the box will make it gain size, ie text.
HTH
mark
/*colors*/
body{background-color: #d7e3f5}
div#header{background-color: #84B7FF}
div#hbox{background: #A9C2E5 url(uploads/images/logo.gif) no-repeat right;color: #000dff}
div#hbox h1 a{color: #C1E6FF}
div#hbox h1 a:hover{color: #C1E6FF}
background: #A9C2E5 fill the box with this color
url(uploads/images/logo.gif) what to put in the box,,
no-repeat only once,,
right make it float to the right if there is room like with a small logo ie. the default palm tree, it's small.
color: #000dff any text in the box will be this color, except of course the h1 a thats the beauty(sp?) of CSS you can target most anything that has a
this is the same for any box you want to put an img. in,, you might have to tell the box to be a certain size like,, width: 350px; height: 30px or whatever size the img. is if nothing else in the box will make it gain size, ie text.
HTH
mark


