WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Finding the header file? (7 posts)

  1. threethings
    Member
    Posted 4 years ago #

    I know that in the wp files, there is a header file.
    For the life of me I can't seem to find it in the style.php code to change it. I did this for a different style of code.
    It may not be there. Here's the code:

    /*
    Theme Name:  Floweral Vector
    Theme URI:
    Version: 1.0
    Description: 2 Column theme
    Author: Ashish sharma
    Author URI:
    */
    
    /* Links */
    
    a:link { text-decoration: none; color: #CE1212; }
    a:visited { text-decoration: none; color: #CE1212; }
    a:hover, a:active { color: #ffffff; }
    
    /* Headings */
    
    h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }
    h1 { font-weight: normal; font-size: 35px; margin-bottom: 0px;  margin-left: 40px; color: #CE1212; text-transform: lowercase;}
    h2 { font-size: 28px; }
    h3 { font-size: 24px; }
    h4, h5, h6 { font-size: 20px; }
    #navigation h1 {
    margin-top: 0px;
    color: #CE1212;
    }
    #navigation h1 a:link{
    color: #CE1212;
    margin-top: 0px;
    }
    #navigation h1 a{
    color: #CE1212;
    margin-top: 0px;
    }
    
    /* Other Html Elements */
    .titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
    .titles a:link, .titles a:visited, .titles a:active {
    text-decoration: none;
    underline: none;
    font-size: 24px;
    font-weight: normal;
    border-bottom-width: 0;
    }
    pre, blockquote {
    	overflow: auto;
    	padding: 0 10px;
    	margin: 20px 30px;
    	line-height: 1.8em;
    	background-color: #000000;
    }
    
    pre:hover, blockquote:hover{
    	background-color: #000000;
    
    }
    
    pre { padding-top: 10px; padding-bottom: 10px; }
    code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }
    ul, ol { line-height: 2.0em; }
    ul { list-style-image: url(images/bullet.gif); }
    abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }
    del { text-decoration: line-through; color: #999999; }
    ins { text-decoration: none; color: #009977; }
    
    /* Structure */
    
    body{
    	padding-top: 0px;
    	color: #D7D7D7;
    	background-image: url(images/bg.gif);
    	background-position: top;
    	background-repeat: repeat-x;
    	background-color: #000000;
    	font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
    	margin:0 auto;
    }
    
    #wrapper2 {
    	width: 950px;
    	background-color: #353535;
    	margin:0 auto;
    }
    #navigation{
    	width: 950px;
    	background-image: url(images/header.jpg);
    	height: 224px;
    	padding-top: 50px;
    	margin:0 auto;
    }
    
    #wrapper{
    	float: left;
    	width: 950px;
    	color: #A6A6A6;
    	background-color: #353535;
    }
    
    #content-wrapper{
    	width: 600px;
    	float: left;
    	text-align:left;
    }
    
    #content{
    	float: left;
    	padding: 0 0px 10px 30px;
    	text-align:left;
    }
    
    #sidebar-wrapper{
    	width: 330px;
    	float: right;
    	margin-top: 10px;
    	clear:right;
    }
    
    #sidebar{
    	float: right;
    	padding: 0px 15px 10px 10px;
    	width: 250px;
    	margin-right: 15px;
    	margin-top: 0px;
    }
    
    #footer{
    	clear: both;
    	float: left;
    	width: 930px;
    	text-align: left;
    	background-color: #000000;
    	color: #696969;
    	font-size: 11px;
    	padding-bottom: 100px;
    	padding-top:10px
    }
    
    #footer a {
    	color: #696969;
    	font-size: 11px;
    	}
    
    #footer a: visited {
    	color: #696969;
    	}
    #footer a:hover {
    	color: #FF0000;
    	border-bottom: 1px dashed #FF0000;
    	}
    #extras{
    	float: left;
    	width: 780px;
    	color: #444444;
    	text-align: left;
    	padding: 0 10px 10px;
    	margin: 10px 12px 20px;
    	background-color: #f5f5f5;
    	border-top: 1px solid #e0e0e0;
    	border-bottom: 1px solid #e0e0e0;
    }
    
    /* Header */
    /* Navigation */
    #navigation ul { list-style-type: none; list-style-image: none; float: left; margin-top: 137px; margin-left: 20px; padding: 0; }
    #navigation li { float: left; margin-top: 0px;}
    #navigation li a:link,
    #navigation li a:visited{
    	float: left;
    	color: #979797;
    	display: block;
    	margin-right: 5px;
    	font-size: 14px;
    	margin-top: 0px;
    	background: #FFFFFF;
    	border: 1px solid #CCCCCC;
    	padding:3px 15px;
    	}
    #navigation li a:hover, #navigation li a:active{
    	color: #ffffff;
    	background: #000000;
    	border: 1px solid #FFFFFF;
    	background-repeat: repeat-x;
    	font-size: 14px;
    	margin-top: 0px;
    }
    #navigation li.active a{
    	color: #A6A6A6;
    	background-color: #ffffff;
    }
    /* Wrapper */
    
    #wrapper a:link { font-weight: bold; }
    #wrapper a:visited { font-weight: bold; }
    #wrapper a:hover, #wrapper a:active { }
    
    /* Content */
    
    #content .post-title a { border-bottom-width: 0; }
    #content .post p.img { float: left; margin: 0 15px 0 0; }
    #content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }
    #content .post-footer {
    	font-size: 90%;
    	color: #888888;
    	margin-bottom: 5px;
    	padding:5px 5px 5px 15px;
    	background-repeat: none;
    }
    
    /* Sidebar */
    .sideblock{
    	padding: 5px 10px;
    	margin-bottom: 20px;
    	background-repeat: no-repeat;
    	background-position: top;
    	background: #444444;
    	border: 1px solid #565656;
    
    }
    .post-wrapper {
    padding-left: 10px;
    width: 600px;
    margin-left: -20px;
    }
    .sideblock ul { }
    .sideblock li { border-top:1px solid #616161 }
    .sideblock h3 { margin-top: 5px; font-size: 14px; color: #949788; font-weight: bold;  padding-left: 10px; padding-top: 2px;  }
    #sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }
    #sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }
    #sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}
    #sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }
    #sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}
    
    /* Extras */
    #extras h6 { font-size: 14px; text-transform: uppercase; color: #A6A6A6; }
    #friends{
    	float: left;
    	width: 150px;
    	margin-left: 20px;
    	margin-right: 10px;
    }
    
    #links{
    	float: left;
    	width: 275px;
    	margin-right: 50px;
    }
    
    #about{
    	float: left;
    	width: 250px;
    	margin-right: 20px;
    }
    
    #friends ul { padding-left: 20px; }
    #links dl, #links dt, #links dd { margin: 0; padding: 0; }
    #links dt { font-weight: bold; padding-top: 5px; }
    #links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }
    
    	/* Comments Styling */
    #commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
    }
    #commentform {
    margin: 1em 0;
    background: #353535;
    width: 280px;
    }
    #commentform textarea {
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
    }
    #commentform textarea:hover {
    background: #353535;
    border: 1px solid #d6d3d3;
    }
    #commentform textarea:focus {
    background: #ffffff;
    border: 1px solid #939793;
    }
    
    #commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
    }
    #commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #d6d3d3;
    width: 280px;
    }
    #commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #939793;
    width: 280px;
    }
    #commentform input{
    margin-bottom: 3px;
    }
    
    .date {
    	background-image: url(images/date1.gif);
    	height: 92px;
    	margin-bottom: 0px;
    	width: 74px;
    	text-align: center;
    	float: left;
    	margin-top: 15px;
    
    }
    .date .month {
    	display: block;
    	color: #FFFFFF;
    	padding: 2px 0px;
    	text-align: center;
    	text-transform: uppercase;
    	font-size: 10px;
    	margin-top: 20px;
    	font-weight: bold;
    	margin-bottom: 3px;
    }
    .date .day {
    	display: block;
    	color: #ABABAB;
    	font: 2.3em Georgia;
    	padding-top: 0px;
    	text-align: center;
    	margin-top: -8px;
    }
    
    #left {
    	width: 60px;
    	float: left;
    }
    
    .slogan {
    font-size: 13px;
    color: #AAA694;
    text-transform: lowercase;
    margin-left: 40px;
    margin-bottom: 2px;
    }
  2. @mercime
    Volunteer Moderator
    Posted 4 years ago #

    Site URL?
    It's hard to tell from just the stylesheet. The header area may have been enclosed in divs and spans that are named something else. There's a header.jpg in navigation div. Why? Then again, why not? Flying blind here.

  3. threethings
    Member
    Posted 4 years ago #

    http://thr33things.co.cc/

    I was going to look at my host, but for some reason it's not opening.
    So I'll check back soon and see if the header.jpg work.

  4. @mercime
    Volunteer Moderator
    Posted 4 years ago #

    I know that in the wp files, there is a header file.

    A WordPress theme has at basic, a header.php file. Logically, that's where the header of the theme is located. However, there are some theme authors who do not name the div surrounding the header area of the theme as #header.

    In this theme, the name of the div wrapping around the header area as well as the navigation bar is called #navigation. #navigation is found in the style.css of your theme. Now I see that's why in said style.css, the header.jpg is background image of #navigation

    What do you need to do with the header?

  5. threethings
    Member
    Posted 4 years ago #

    I just need to change the image.
    I've done this before by uploading the file to the wp files and naming it header-custom.png (something close to that) and then changing the file "reading" in the style.php.

    I assume this one is written very different.

  6. @mercime
    Volunteer Moderator
    Posted 4 years ago #

    Easiest way - create a 950px x 274px image and name it header.jpg. Upload your new header.jpg to your theme's images folder. It will replace the former header.jpg there.

  7. threethings
    Member
    Posted 4 years ago #

    That was it. Thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic