ThemeShaper Forums » Thematic

Rounded Boxesin Thematic Navigation?

(2 posts)
  • Started 9 years ago by adover
  • Latest reply from travismallen
  • This topic is resolved
  1. 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?

    Posted 9 years ago #
  2. 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.

    Posted 9 years ago #

RSS feed for this topic

Reply

You must log in to post.