WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.8 is now available!


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Some help with a template needed
  • Print
Pages: [1]   Go Down

Author Topic: Some help with a template needed  (Read 3922 times)

Edwinspie

  • Guest
Some help with a template needed
« on: July 10, 2009, 06:48:00 PM »
Hi,

Ive made some changes to the NEUPHORIC template but i can not figure out how to move the website / page title down a bit (see http://www.art-4u.co.za/wb/)

Can anyone help me out here
This is the CSS file

Code: [Select]
body {
    margin: 0 0 1em 0;
    padding: 0;
    color: black;
    background-color: #eee;
    line-height: 130%;
    font-family: arial, helvetica, verdana, tahoma, sans-serif;
    text-align: center;
}

#wrapper-header {    background: #EEE; }

#header {
    background: #222 url('images/banner.jpg') right no-repeat;
    width: 900px;
    height: 219px;
    line-height: 200px;
    margin: 0 auto;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    text-align: left;
}

#header h1 {
    margin: 0;
    padding: 0;
    color: #ccc;
    font-size: 100%;
    padding-left: 10px;
    letter-spacing: -1px;
}

#wrapper-menu {
   
    float: left;
    width: 100%;
}

#menu {
    background: #88ac0b url('images/menu-background.png') top left repeat-x;
    width: 900px;
    margin: 0 auto;
    font-size: 95%;
    white-space: nowrap; /* stops half a menu link dropping to next line.

Instead, the whole link will drop. This only happens if you have a lot of menu links,

and large text size */
    padding-right: 2px;    /* The menu far left, and far right borders are not

quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the

above padding */

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    border-left: 1px solid #95bc0e;
    border-right: 1px solid #95bf0f;
    width: 100%;
}

#menu li { display: inline; }

#menu a:link, #menu a:visited {
    padding: 0.25em 1em;
    background: transparent;
    color: #fff;
    text-decoration: none;
    float: left;
    border-right: 1px solid #95bc0e;
}

#menu a:hover {
    background: #b6e41c url('images/menu-hover.png') repeat-x;
    color: #485b06;
}

#content {
    width: 882px; /* 73% because it has 1% padding on each side, which brings it

to 75% wide */
    margin: 0 auto;
    padding: 3.5em 1% 20px 1%;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    background: white;
    font-size: 90%;
    text-align: left;
}

* html #content { padding-top: 1.8em; } /* Set padding top in IE to 20px */

#footer {
    margin: 0 auto;
    padding: 2px 1%;
    width: 882px;
    text-align: right;
    color: white;
    letter-spacing: 0.15em;
    background: #88ac0b url('images/menu-background.png') top left repeat-x;
    border: 1px solid #a0c80e;
    font-size: 80%;
}

h2 {
    color: #666;
    padding-bottom: 3px;
    border-bottom: 1px solid #a0c80e;
    font-size: 150%;
    letter-spacing: -1px;
}

a:link, a:visited {
    color: #260;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

p { margin-left: 1em; }

Thanks

Edwin
Logged

erpe0812

  • Guest
Re: Some help with a template needed
« Reply #1 on: July 10, 2009, 08:18:47 PM »
Hi
you can achieve this by changing padding-top, for example 80px:

Code: [Select]
#header h1 {
    margin: 0;
    padding-top: 80px;
    color: #ccc;
    font-size: 100%;
    padding-left: 10px;
    letter-spacing: -1px;
}

rgds

erpe
Logged

Edwinspie

  • Guest
Re: Some help with a template needed
« Reply #2 on: July 11, 2009, 11:36:00 AM »
Thanks Erpe,

Works!

Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Some help with a template needed
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2