WordPress.org

Ready to get started?Download WordPress

Forums

Remove Top Navigation (5 posts)

  1. dleonte
    Member
    Posted 4 years ago #

    I uploaded a custom header and it's not fitting into the space allotted for headers. I would like to remove the date, Comments and News feed from the top of the header.

    If I did so, could I increase the height of my header so that it would fit?

    http://lindawest-medium.com

    Thanks so much.

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    the 'visual' header area is ruled by this background image http://www.lindawest-medium.com/wp-content/themes/education_10/images/bg.png

    while the 'physical' header height is in style.css:

    #header {
    	background: #034677 url(images/header.jpg);
    	width: 960px;
    	height: 110px;
    	color: #FFFFFF;
    	margin: 0px;
    	padding: 0px;
    	overflow: hidden;
    	}

    the code for the top nav is likely to be in header.php;
    in a div #topnavbar.
    should be easy enough to identify.

    http://codex.wordpress.org/Designing_Headers

    general resource for css: http://www.w3schools.com/css/default.asp

    tools: firefox web developer add-on; firebug

  3. dleonte
    Member
    Posted 4 years ago #

    Thank you.

    I got rid of the bg.png, and increased the height for my header. However, the text for the top bar, date, news feed and comment text and the navigation bar (except for Home) are white and unreadable.

    Where can I change the text color?

    http://test.lindawest-medium.com

  4. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    get firefox and the developer add-on or the firebug - great tools to debug and try changes to css and html.

    all this has only very peripherally to do with wordpress - it is (basic) css tweaking.

    in style.css:
    obviously, the top of the page info and navigation is styled with:

    #topnavbar {
    	width: 960px;
    	height: 34px;
    	color: #FFFFFF;
    	margin: 0px;
    	padding: 0px;
    	}
    
    #topnavbar a, #topnavbar a:visited {
    	font-size: 11px;
    	font-weight: bold;
    	color: #FFFFFF;
    	text-decoration: none;
    	}

    and all of the under header navigation is styled with the styles starting at:
    #nav li a, #nav li a:link { ....

  5. dleonte
    Member
    Posted 4 years ago #

    Thank you. Firefox's firebug is a great tool.

Topic Closed

This topic has been closed to new replies.

About this Topic