Hello There, Guest! Login Register
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to change the header?
#1
Hi there.

I have a question about changing the header. Not only the logo, but I want to replace the whole grey area at the top of the page with my forum's banner. How may I do this?

Also, is it possible to change the color of the fonts "Forums", "Members", and "Calendar" at the top of the page? So I can adjust it to match my banner later on.

Thanks a lot! Big Grin
Reply
#2
To change the background of the header you need to go to Templates and styles > minimal > global.css

Find
Code:
#header {
    background: #41403b;
    width: 100%;
    height: 80px;
}

You need to replace the background attribute with which color and image you would like to be shown there.

for an image called banner.jpg add the following code in place of the background
Code:
background: #ffffff url(images/minimal/banner.jpg) no-repeat center top;

Change #ffffff to the color you would like the header to be when if the banner image does not stretch full screen.

To change the color of the links in the menu find the following
Code:
.menu ul a:link {
    color: #ffffff;
    text-decoration: none;
}

.menu ul a:visited {
    color: #ffffff;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #4c84bd;
    text-decoration: none;
}

Edit the color attribute to match what you would like. To change the active page color edit the color attribute of the code below
Code:
body#forums a#forumnav,
body#members a#memnav,
body#calendar a#calnav {
    color: #fb992e;
}
Reply
#3
Ah, okay, it works! Thanks a lot, Jon. Big Grin
Reply




Users browsing this thread: 1 Guest(s)