OIOpub Forum » General  »   Banner display

When my 125x125 banner ads are displayed they have an offset box behind them. I was wondering how to get it to display properly?
http://malewail.com

Ok, I found the problem. In your main stylesheet (style.css), you have the following:


img {
border: none;
text-decoration: none;
margin: 10px;
}


The margin will move all images (generated via html) down 10 pixels, and to the right by 10 pixels. I'm not quite sure why you'd want it there, but if you remove that line, it will align correctly.

If you need to keep the margin in place, you'll need to create a separate class in your css file to use with the OIOpublisher output, to remove the margin:


.oiopub img {
margin: 0px;
}


Then, open up the OIOpublisher plugin file include/output.php, and look for the function oiopub_banner_output. You'll need to add class='oiopub' to the first <div> element in that function.

No problem, glad we got it sorted. :)

I can't say for sure, but try the following:

1.) Search for the following code in your css file, and change the margin to margin:0px;

.ads img {
margin:0px 15px 10px 0px;
}

2.) If that doesn't work, try removing the <ul></ul> and <li></li> that surround the banner ads function in the sidebar.