Hello,

I'm trying to change Marinelli's background.
I've located body.gif (drupal/sites/all/themes/marinelli/img/backgrounds) & created a new gif file using the same name (body.gif).
I've uploaded it but nothing happens. Background color is still blue.
What am I doing wrong?
Regards

éric

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

360vista’s picture

for some reason, the color change is working with Firefox & but not Safari

khudnut’s picture

You can customize the background. If you do what I say here, it will work. But I think there is a better way that
will over-ride the default style sheet mentioned below. With this method I'm posting, when you update marinelli
for any fixes, the layout will go back to the default. There must be some customize/over ride method, as per the
drupal standards, but I haven't found it yet. (Hey? I'm new to this too!) Anyway, here it is.

1) Review this page for more general knowledge of css3 background: styles.
http://www.w3schools.com/cssref/css3_pr_background-size.asp

2) Edit .../marinelli/css/layout.css. Near line 178, make your changes. I comment the
original and add my lines. The first line changes color to white and adds my own img,
which has to be installed at .../marinelli/img/backgrounds. The next two lines control
the re-sizing and no-repeat. no-repeat means "do not tile the image". The size choices are
noted in the url I gave you in 1) above. I used cover which means stretch the image to cover
the full area.

body.marinelli{
/* background: #17293d url(../img/backgrounds/body.gif); */
background: #ffffff url(../img/backgrounds/color_globe.jpg) ;
background-size: cover ;
background-repeat: no-repeat ;
}

Have fun. BTW: this is my first post to this drupal.org forum.
Yay me! "We don't need a rocket scientist to figure this out, but we have one!"