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
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 😀
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
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.
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
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
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?
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
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
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
