I would like to modify the menu bar of the Atahualpa Theme by using only jpeg or bmp files (because of the special font I want to display).
So i have created 2 images for BLOG, HOME, ABOUT, CONTACT (2 because i want hover).
Till now figured out where to modify in Add CSS inserts...
div#menu1 ul.item-page-X (X=BLOG number) (HOME, ABOUT etc)
background: url(http:// my_site/folder/theme/images/blog.jpeg) center no-repeat !
}
div#menu1 ul.item-page-X, Y, Z a:link,
----------||------------------------- a:active,
----------||------------------------- a:visited {
visibility: hidden;
}
But the ul.item-page is not acting like a link...
I have no ideea how to transform that element in a link element... Or, same problem, solution 2 would be leaving "div#menu1 ul.item-page-X a:..." visible... and adding a "<SPAN>text</SPAN>" insede the <a>....</a> line of code, meaning I want this:
"<a href="http://www.XXX...." >Blog</a>"
to become:
<a href="http://www.XXX...." ><span>Home</span></a>
Can this be made only by Add CSS inserts? Or should I mess-up the PHP? Also here have no clue to solve the problem.
Searched the forum for a week and found no similar question...
If some of you guys could help me, I would appreciate!
10X!!!
