adover
Member
Hi all, I'm looking for a way to replicate what is found on http://graphic-all-design.co.uk/ , basically the menu options have rounded boxes, although obviously with most menus, mine has largely differing widths on each menu option! One of them is 2 words, and another is simply the word "blog"
So does anyoen have any experience of making the thematic menu look like this? Any techniques?
You just need to change the background images of the navigation with CSS. Just use your style.css file. For example:
div.menu ul.sf-menu .page-item-3{
background-image:url("../../uploads/homeNoText.png");
background-repeat:no-repeat;
background-position: Top left;
width:160px;
text-align:center;
height:66px;
margin-top:18px;}
So if you look at the classes affecting the navigation in firebug you'll be able to which ones you need to modify in style.css.
You must log in to post.
