Viewing 14 replies - 1 through 14 (of 14 total)
  • Thread Starter Crowndefender

    (@crowndefender)

    Ive tried everything 🙁

    Hi,

    You will need to add separate CSS rule for bith header and navigation as follows:

    /* For Header */
    #header {
      background-color: #E2E2E2;
    }
    
    /* For navigation */
    #navi {
      background-color: #999999;
    }
    Thread Starter Crowndefender

    (@crowndefender)

    I added it to the stylesheet but nothing has changed. Is there a particular place to put it in the code?

    Here is the full file

    [Excessive CSS moderated. Please just post a link to your site.]

    Try using

    /* For Header */
    #header {
      background-color: #E2E2E2 !important;
    }
    
    /* For navigation */
    #navi {
      background-color: #999999 !important;
    }
    Thread Starter Crowndefender

    (@crowndefender)

    Hi

    Thats brilliant, one more thing. The names of my pages are over to the left, id like to move them over a bit to the right. Can you help?

    What theme are you using? Where did you download it from?

    The following should move your page links to right:

    #navi {
      background-color: #999999 !important;
      float: right;
    }

    thanks

    Thread Starter Crowndefender

    (@crowndefender)

    Excellent. Just one last question i promise, the area that my logo in is very large height wise. Can i slim it down a bit?

    Thank you so much for your help

    Just upload your re-size logo to something like Width: 150px | Height: 100px and your header height will be reduced automatically.

    thanks

    Thread Starter Crowndefender

    (@crowndefender)

    I done that, if you highlight the logo you can see there is still a large gap below

    What theme are you using? Where did you download it from?

    Thread Starter Crowndefender

    (@crowndefender)

    The zeestyle. Downloaded from the dashboard 🙂

    Edit style.css line 76

    #header {
    	float: left;
    	width: 900px;
    	padding: 20px 20px 0 20px;
    	margin: 5px;
    	background: url(images/header_bg.png) no-repeat ;
    }
    Thread Starter Crowndefender

    (@crowndefender)

    Thats great many thanks for your help 🙂

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Change colour on header area’ is closed to new replies.