individual images as navigation design TwentyTen

I can't figure out a solution for changing the black bar in Twenty Ten to individual background images behind each link. Using an image I created in Photoshop I have tried changing a few things in the CSS file but probably not the right changes.

Do I need to edit the functions file too?

Topic navigation theme-twenty-ten css menus Wordpress

Category Web


You can change the black bar of header navigation of WP TwentyTen theme by changing the background property of access id but when changing it try to make new rule more specific as following :

body #access{           
       background: none; // Add here image or color whatever you want
}

To apply individual background images behind each link, add background property to #access li element as shown below :

body #access li{           
       background: url('image.jpg') no-repeat;; // Add here appropriate image path
}

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.