Menu Background Image Twenty Eleven | WordPress.org

kirbysings
(@kirbysings)

14 years, 5 months ago

Hi there,

Was hoping to use a background image for my menu (www.kirbysings.com/wordpress)

This image specifcally: http://kirbysings.com/wordpress/wp-content/themes/twentyeleven/images/menu-bg.jpg

Where in the CSS do I do this on Twenty Eleven?

Cheers
Kirby

PS is it possible to use an image map in the header?

Viewing 4 replies - 1 through 4 (of 4 total)

esmi
(@esmi)

14 years, 5 months ago

Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes. Once your child theme is active, we should be able to help with the customisation.

Thread Starter kirbysings
(@kirbysings)

14 years, 5 months ago

Thats fine, I’m just curious about the changes.

I’ll set the child theme up later.
Moderator Kathryn Presner
(@zoonini)

14 years, 5 months ago
You can try experimenting with applying the image to the menu div. Something like:
```
.menu-main-menu-container {
   background-image: url ('images/yourbg.jpg');
}
```
You could also try playing with the other background attributes to get it displaying how you want it.

http://www.w3schools.com/cssref/pr_background-position.asp

Note: untested.
Moderator Kathryn Presner
(@zoonini)

14 years, 5 months ago

re: image map – you could add one somewhere in the header.php file if you really wanted one.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Menu Background Image Twenty Eleven’ is closed to new replies.

Tags

4 replies
3 participants
Last reply from: Kathryn Presner
Last activity: 14 years, 5 months ago
Status: not resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics