Hi,

How to define a backgroud image for the mayo theme?
Tried Sweaver module but seems not working for this propose.

Any suggestion?

Comments

alex.cunha’s picture

Category: support » feature

Just to say I finally got a backgroud using Sweaver module.

I suggest add a option to add backgroud image into mayo.

By the way: this is an amazing theme!!

Many thanks

ray_223’s picture

I also agree,
having a theme admin option to set background image would make a great theme even better.
Thanks for all your work pixture.

0ccam’s picture

Sweaver is unable to set the fixed and position properties of the background, although it does allow for an image to be used instead of just the default colour. The bg-image module gets completely overridden by Mayo. Herewith I submit my humble request for a background image function as well!

eCnet’s picture

I would like to request admin custom background upload feature also.

JohnPool’s picture

You can add a background image by including a reference to the image in the body element of style.css (at the beginning). See the example below. This works fine with FireFox, I am not sure about other browsers.

For a discussion, also see http://drupal.org/project/bg_image

Regards -- John Pool

body {
  font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', Baskerville, serif;
  line-height: 1.5em;
  font-size: 87.5%; /* = 14px assuming browser's regular font size is 16px */
  background: url(../images/MyImage.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
TheChoperPilot’s picture

Ok, let me say something here (my first post ever here).
I had major problem with background image. I couldn't set it. I did what John Pool wrote, but nothing happened. Solution came when I changed header image. Just did that after all above, and background image appeared.
Hope I helped someone.

mermentau’s picture

Issue summary: View changes
Status: Active » Closed (works as designed)