Hello There, Guest! Login Register
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to change the header?
#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


Messages In This Thread
How to change the header? - phio_chan - 22nd Mar, 04:48 am
RE: How to change the header? - Jon - 22nd Mar, 05:23 am



Users browsing this thread: 1 Guest(s)