WordPress.org

Ready to get started?Download WordPress

Forums

Header image is not centered (9 posts)

  1. ricksfitnesstips
    Member
    Posted 2 years ago #

    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

  2. HRanjan
    Member
    Posted 2 years ago #

    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

  3. ricksfitnesstips
    Member
    Posted 2 years ago #

    Heman,

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

    Thank You!

  4. Phil
    Member
    Posted 2 years ago #

    In header.php:

    Change this:

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

    to this:

    <img class="siteheader" title="12175-Final.jpg" alt="12175-Final.jpg" src="http://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. :)

  5. ricksfitnesstips
    Member
    Posted 2 years ago #

    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="http://ricksfitnesstips.com/wp-content/header-images/12175-Final.jpg"> ..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?

  6. bioshox
    Member
    Posted 2 years ago #

    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.

  7. ricksfitnesstips
    Member
    Posted 2 years ago #

    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.

  8. bioshox
    Member
    Posted 2 years 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.

  9. Phil
    Member
    Posted 2 years ago #

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

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

    http://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?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags