By phil1201 on

Hi,

Sorry if this is a basic question but I have looked everywhere and I can't find a simple description of how the themes work or how I might be able to do this. Can anyone help or even just point me in the right direction?

Thanks
Phil

⋅ Categories: Drupal 4.7.x

Comments

morphir’s picture

morphir commented

look in the style.css

morphir.com

maze’s picture

maze commented

What I did
uploaded an image named header.jpg to the themes/barlow folder
then I modified the style.css located in the themes/barlow folder
Starting at line 106 you'll find the following

/*
*  Header
*/
#header {
  background: #2B3F4D;
  border: 1px solid #aaa;
  border-bottom: none;
  padding: 0;
  margin: 0;
}

Change it to:

/*
*  Header
*/
#header {
  background: #2B3F4D url(header.jpg);
  border: 1px solid #aaa;
  border-bottom: none;
  padding: 0;
  margin: 0;
}

By default the theme is 750px wide, so your image will have to fit that. You can change the width in the style.css at line 81.

  width: 750px;
phil1201’s picture

phil1201 commented

Thanks alot Maze. That has been a massive help. It's all working now!

All the best.
Phil

Nomex’s picture

Nomex commented

I looked at line 81 in the style.css file and there was no indication of how to modify the height of the image is there something i am missing? this is what i saw:

 #primary_menu {
  border-top: 1px solid #ddd;
  background: white url(bg1.png) bottom left repeat-x;