Change navbar color

  • Resolved skynet000

    (@skynet000)


    15 years, 1 month ago

    Hi guys ,

    I had just setup my blog not long ago .
    And now i am having some trouble ~
    I am a beginner in Coding . So , i need some of you guys expertise :p

    I would like to change my navbar ( where the Home About And Link located ) to a nicer color. Tes , the color of the text only .

    Here’s my header.php codes .

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="https://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_head(); ?>

</head>

<body>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "3f06075e1437b664d2f8541dc719d386";
</script>
<script type="text/javascript" src="https://synad2.nuffnang.com.my/k.js"></script>
<!-- nuffnang-->

<div id="pageTop"></div>
<div id="page">
	<div id="header">
        <ul class="tabNavigation">
            <li class="here"><a href="<?php echo get_option('home'); ?>/">Home</a></li>
            <li><a href="<?php echo get_option('home'); ?>/about">About Myself</a></li>
            <li><a href="<?php echo get_option('home'); ?>/links">Links</a></li>
            <li><a href="<?php echo get_option('home'); ?>/contact">Contact</a></li>
        </ul>
		<div id="headerTitle">
			<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		</div>
        <div class="description"><?php bloginfo('description'); ?></div>
        <div class="clear"></div>
	</div>

    I am gladly appreciate any helps from you guys ??

    You guys can pay a visits to my blog . https://www.cheongsin.com

    Thanks ,
    Seth

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter skynet000

    (@skynet000)

    Whooops ~

    I had found it . The code is located @ CSS sheet .

    Sorry guys for interrupting .

    Please don’t post huge chunks of code here. For larger blocks of code, use the WordPress pastebin. It makes life easier for everyone. In this case, all that’s really needed is the link to your blog.

    Try editing style.css and looking for:

    .tabNavigation li a {
background:transparent url(images/tab.gif) no-repeat;
color:#13F902 !important;
display:block;
height:25px;
line-height:30px;
margin:0;
text-align:center;
width:80px;
}

    The color:#13F902 !important; defines the color for your navbar’s text links.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change navbar color’ is closed to new replies.