Ad above header...white space?

[1finecookie 0]

How do I get rid of the white space that is all around the ad on the top of the site? http://www.1finecookie.com

[cmunns 16]

I would create a div around your ad code and make the background of it transparent.

[1finecookie 0]

Hmmm...well how would I do that? I tried a couple things but they're not working. How can I make the white space transparent AND get it to center? I'm just not familiar enough with this theme I guess.

[catrina 103]

How did you implement the ad code? Did you just add it to the Custom Code area or in any theme files?

[1finecookie 0]

In the header.php file.

[catrina 103]

Here's an example of how the DIV can be added around the ad code:

<DIV CLASS="DIVNAME">
	
	AD CODE GOES HERE
	
	</DIV>

DIVNAME = name of the DIV layer (to distinguish it from other DIV layers) The DIVNAME will also be used in the CSS styling that will make the DIV layer transparent. For example, this is the CSS that would be used:

div.DIVNAME {background: transparent;}

[1finecookie 0]

Nope. Nothing is working! I'm so incredibly frustrated!! lol

[catrina 103]

Can you paste the code you used? (The DIV code and the CSS)

[1finecookie 0]

Ok I got the white space part but I can't get it to center. For the div areas I just copied and pasted what you had but for the CSS I have this: div.header-ad {width: 728; height: 90;} div.header-ad {background: #9ca7bb;} div.header-ad {align="center"}

[kastelic 6]

Hmm I don't see your ad, but to center an element do this:

.header-ad {margin: 0 auto}

[1finecookie 0]

Jimmy, it's up still but even using that code is not centering it. How in the world can I get this to center?

[kastelic 6]

Oh, I didn't notice how you had the width. You need to have a width set for the margin thing to work and you need to specify a unit of width, so try this:

.header-ad {
	width: 728px;
	margin: 0 auto;
	}

Also, might want to check your site in Chrome. It doesn't seem to be appearing in that browser.

[1finecookie 0]

LOL Jimmy, that DID center it but now the white space is on the sides again. Here is what I have so far:

	div.header-ad {width: 728; height: 90;}
	div.header-ad {background: transparent;}
	div.header-ad {align: center;}
	
	.header-ad {
	width: 728px;
	height: 90px;
	margin: 0 auto;
	}

[1finecookie 0]

Oops...scratch that...this is what I have:

div.header-ad {width: 728; height: 90;} div.header-ad {background: transparent;} .header-ad { width: 728px; height: 90px; margin: 0 auto; }

[Kate 3]

Hey Sean, A link would help us help you figure out the issue.

[1finecookie 0]

http://www.1finecookie.com/

[cmunns 16]

It looks to be inheriting the page-canvas color, but I'm wondering if this sort of thing needs to be changed in the javascript the generates the iframe.

[1finecookie 0]

How would I change that Adam?

[cmunns 16]

Actually I think your CSS is just not correct. Use this ` div.header-ad { width: 100%; height: 90px; margin: 0 auto; text-align: center; background: #9ca7bb; } ` Make sure that you don't have other left over rules overriding what I put above.

[1finecookie 0]

IT WORKED!!! Thank you so much Adam!