Header image is not centered

  • I am new to blogging and building it from “scratch”. I am using Thematic vers. 3.4.1 and I just uploaded my header to my blog but I don’t know where to make changes in my code to “center” it. It is far to the left border. Can someone please help me? I am not very proficient with PHP however I am still learning though. My site is ricksfitnesstips.com. How do I eliminate the default text beneath my logo? Where do you add color to add to the background to get rid if the “white background”?

    Cordially,

    Rick

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi,

    Can you provide your website URL please? I am sure there is a need to set your css correctly so, let me look after this.

    Thanks

    Thread Starter ricksfitnesstips

    (@ricksfitnesstips)

    Heman,

    Thank you for replying to my dilemma here I greatly appreciate it! Here is the URL to my site https://www.ricksfitnesstips.com. Looking forward to hearing from you and see what you find

    Thank You!

    Phil

    (@owendevelopment)

    In header.php:

    Change this:

    <img title="12175-Final.jpg" alt="12175-Final.jpg" src="https://ricksfitnesstips.com/wp-content/header-images/12175-Final.jpg">

    to this:

    <img class="siteheader" title="12175-Final.jpg" alt="12175-Final.jpg" src="https://ricksfitnesstips.com/wp-content/header-images/12175-Final.jpg">

    and then add this into your stylesheet (default.css):

    .siteheader {
width: 900px;
height: 200px;
margin: 0 auto;
}

    and then to remove the text, open up default.css:

    #branding {
padding: 88px 0 44px;
}

    and add in one extra line:

    #branding {
padding: 88px 0 44px;
display: none !important;
}

    That should do it. ??

    Thread Starter ricksfitnesstips

    (@ricksfitnesstips)

    Phil,

    There are 86 lines in my header.php and nowhere do I see this :<img title=”12175-Final.jpg” alt=”12175-Final.jpg src=”https://ricksfitnesstips.com/wp-content/header-images/12175-Final.jpg”&gt; ..neither do i see that type of code written for my default.css. Can I email you examples of both to show you what I see in those files?

    You may have developed your template differently than the recommended template structure.

    Have a look in your index.php file for the code @phil supplied.

    Thread Starter ricksfitnesstips

    (@ricksfitnesstips)

    Bio,
    I looked (index.php)there as well and did not see it …I am using a thematic theme version 3.4.1 if that has anything to do with it that I just upgraded it to days ago.

    I don’t have much experience with that theme, it might be worth poking around in other files seeing if you can find it.

    Phil

    (@owendevelopment)

    It won’t be in any files outside your theme.

    Looking at the URL, the image is not inside the theme:

    https://ricksfitnesstips.com/wp-content/header-images/12175-Final.jpg

    So it has been manually added somewhere to the header. The header image is also outside the main website wrapper, immediately after the body tag. This would be the first place to check in header.php.

    Can you maybe paste the contents of header.php into PasteBin and post the link up here?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Header image is not centered’ is closed to new replies.

Tags