ThemeShaper Forums » Thematic

[closed]

Navigation Bar Question

(5 posts)
  • Started 3 years ago by jnune09
  • Latest reply from oatmeal
  • This topic is resolved
  1. I want to customize my navigation bar. Can anyone give me the code on how to upload an image as my navbar. Or even just customizing color/font/size. Thanks. Even a link would help I can't find anything. Thanks.

    Posted 3 years ago #
  2. You're looking for these styles:

    /*** THEMATIC SKIN ***/
    .sf-menu {
        border-right:1px solid #ccc;
    	float:left;
    }
    .sf-menu a {
    	border-left:1px solid #ccc;
    	border-top:1px solid #ccc;
    	border-bottom:1px solid #ccc;
    	padding:9px 13px;
    	text-decoration:none;
    }
    .sf-menu .current_page_item a,
    .sf-menu .current_page_ancestor a,
    .sf-menu .current_page_parent a {
        border-bottom-color:#fff;
    }
    .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    	color:			#666;
    }
    .sf-menu li {
    	background:		#fff;
    }
    .sf-menu li li {
    	background:		#fff;
    }
    .sf-menu li li li {
    	background:		#9AAEDB;
    }
    .sf-menu li:hover, .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        background:     #fafafa;
    	outline:		0;
        border-bottom-color:#ccc;
    }
    .sf-menu ul {
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    	top:32px; /* overriding essential styles */
    }
    .sf-menu ul ul {
        margin-top:0;
    }
    .sf-menu ul a {
        background:#fafafa;
    	border-bottom:none;
    }
    .sf-menu ul a:hover {
        color: #FF4B33;
    }

    You can copy them into your child theme and edit them to make a new skin.

    The parent div #access can also have a background-image applied to it.

    Posted 3 years ago #
  3. oatmeal
    Member

    Hi Devin,

    You wouldn't happen to have a commented version of these styles that you could share?

    Posted 3 years ago #
  4. check my rainbow explosion menu in the menus sticky:

    http://forums.themeshaper.com/topic/thematic-menus-demystified-1

    Posted 3 years ago #
  5. oatmeal
    Member

    Thanks for that helga

    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.