WordPress.org

Forums

[resolved] Help with change graphics on Template (10 posts)

  1. mypersonalaccent
    Member
    Posted 1 year ago #

    Hi everyone. I have searched long and hard and am stuck on this one. I need certain pages to have different looks to them. I am keeping the same theme but will literally just change the header and background images. I tried to download a few different plugins, the only one that did not crash the site was Dynamic Headers by Nicasio Design but it didn't do anything when I attempted to upload and select a new header. Can anyone assist me with this? Right now I am working on this page:

    http://www.mypersonalaccent.com/tasty-delights/

    I would like to be able to change the header image, the old paper background, and the background for overall page.

    I created a template called tastydelights.php and I copied the page.php file as a template. I changed #container to #containertd and then added CSS for it, but it did nothing. Can anyone point me in the right direction please? Nothing I have tried seems to work.

    Thank you!
    Amber

  2. WPyogi
    Forum Moderator
    Posted 1 year ago #

    You could just use the template or page specific class(es) in the CSS to target that page:

    <body class="page page-id-5191 page-template page-template-tastydelights-php">

    so i.e.

    .page-template-tastydelights-php #container {
       styles;
    }

    BTW, looks like you have some major mark-up errors so they may be problematic as well:

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.mypersonalaccent.com%2Ftasty-delights%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

  3. mypersonalaccent
    Member
    Posted 1 year ago #

    You are seriously amazing. I have been working on this for hours. Thank you so so much. I am going to assume this will work with everything I want it to then such as the headers and BG? I am like jumping for joy :D

    As for the W3 Check. Thank you very much. That was very considerate. Any advice on where I could fix that at? I don't see, for example, the meta-name code in any of my files. I do well at HTML, PHP... not so much.

    Amber

  4. WPyogi
    Forum Moderator
    Posted 1 year ago #

    LOL - yeah, the same basic concept should cover pretty much anything you want to do with CSS.

    I wouldn't worry about that first error, but the next one looks like you have some code in the wrong place in your header.php file - so check on that. When you fix that, validate it again, because right now it's not validating anything after that - so you may have other errors appear. Not all "errors" are really errors - some are the result of browser differences or changing coding standards, but things like open, extra, stray, unclosed tags (or other similar) tend to cause problems.

    You should validate your CSS too - though again, you'll see some errors that aren't really a problem.

  5. mypersonalaccent
    Member
    Posted 1 year ago #

    Thank you! One more thing and I will mark as resolved and leave you be :) Is there a way to get the other header image off?

    http://www.mypersonalaccent.com/tasty-delights/

    Right now my new header is behind the old header.

    Amber

  6. mypersonalaccent
    Member
    Posted 1 year ago #

    I think it is because the theme I am using adds a header image for you. I removed the original header in the theme options (Pinpoint theme) and add the header into the CSS per how you showed me. It showed up, but the original Pinpoint logo is placed over it and it is super small. It isn't stretching like it should and I can't get rid of the pinpoint default logo. If I add my header back, everything is fine, but then it is still placed over the header I wanted to use on this page: http://www.mypersonalaccent.com/tasty-delights/

    Thank you again for all of your help and sorry to be a pain!

    Amber

  7. WPyogi
    Forum Moderator
    Posted 1 year ago #

    You're not being a pain - that's why we're here - sorry I wasn't around for a while so just now seeing this - and I'm about to get off for tonight - as it's getting late here. I'm happy to look at this tomorrow - but I'm not sure which image you want where, so can you clarify that?

  8. mypersonalaccent
    Member
    Posted 1 year ago #

    Sure, thank you.

    On this page: http://www.mypersonalaccent.com/tasty-delights/

    I want this image as the header image: http://www.mypersonalaccent.com/wp-content/uploads/2013/09/tdheader.png

    But right now the "default" image: http://www.mypersonalaccent.com/wp-content/uploads/2013/09/mpaheaderw.png

    is being put on this page over the image I want. I am assuming this is because this is set as the default header. Even if I remove the default header and put it back in with CSS, the Pinpoint logo defaults there instead and is then over all of the header images. I somehow need to remove that default logo always being there so I can just code it in where I want it with CSS.

    I see a bunch of calls for "logo" in the header.php file but I am not sure which (if any) I should remove.

    Thank you!
    Amber

  9. mypersonalaccent
    Member
    Posted 1 year ago #

    Okay, I was able to remove the coding to get the logo gone and resize the container so it shows my full header put in via CSS. However, now it shows a blank image over it, like a broken image box. I have narrowed it down to this code in the header.php file.

    <?php } else if ($header_layout == "logo-full") { ?>
    
    <div id="logo">
    
    <a href="<?php echo home_url(); ?>">
    
    <img src="<?php echo $logo; ?>" alt="<?php bloginfo( 'name' ); ?>" />
    
    </a>

    However, if I remove it, the header/logo area completely goes away. And I can't put a direct IMG URL there since I want to be able to change it and just use CSS to call the header.

    Any ideas?

    I'll keep trying to work it out.

    Amber

  10. mypersonalaccent
    Member
    Posted 1 year ago #

    YAY! I think I got it. This might be a backwards fix but I just replaced:

    <img src="<?php echo $logo; ?>" alt="<?php bloginfo( 'name' ); ?>" />

    with

    <img src="http://www.mypersonalaccent.com/wp-content/uploads/2013/10/pixel.png" />

    Just a blank pixel. Which works!

    Thank you SO much, WPyogi, for your invaluable input!

    Amber

Topic Closed

This topic has been closed to new replies.

About this Topic