Align in ad_header

[lazer]

What's the easiest way to get this banner....



...to align correctly, with the right amount of space at the top and bottom?

Thanks!

 

[dtmcl]

Either margins or a div with padding.

 

[lazer]

Care to step a coding noob thru that?

 

[Jake Bunce]

Admin CP -> Appearance -> Templates -> ad_header

Add this code:

<div style="float: right; background-color: red; width: 400px; height: 60px; margin-top: 20px; margin-bottom: 40px;">
	AD CODE HERE
</div>

Here is the result:



You can change the dimensions and margins as needed.

You may need to increase this setting to accommodate more vertical space in the header, otherwise you may notice that elements below the header are out of position:

Admin CP -> Appearance -> Style Properties -> Header and Navigation -> Height of Header Logo

 

[lazer]

Thank you Jake, I'll give that a go!

 

[lazer]

Ok, added this to ad_header:

<div style="float: right; background-color: blue; width: 400px; height: 60px; margin-top: 20px; margin-bottom: 40px;">
    <img src="http://dummyimage.com/468x60/000/fff" alt="Test Image" height="60" width="468">
</div>

but the banner sticks out to the right, widening the page:



Is there a way to bring it more over to the left?

 

[Bram]

You can ad a margin-right to the code

 

[lazer]

Perfecto!

Thanks Bram and Jake