Hi spespam,
You are in complete control of where you want to put the AdSense output code in your classifieds.
Go under Classifieds->Settings, Ad/Listing settings and edit the Single Ad HTML Template. Find the field code for $adsense1, 2 or 3 and rearrange them however you like in your HTML.
Please let me know if you have any other questions or issues!
I tried this code but it doesn’t work the way I want it.
<div class="fixfloat; float:left;"></div>
$showadsense1
<div class="showawpcpadpage">
<div class="awpcp-subtitle">More Information</div>
$addetails
</div>
The way you are inserting the CSS instructions above is incorrect. You put them into a class attribute. What you want is something more like this (although without full context, I’m guessing at this, so it may still require additional tweaking)
You need to use a “style” attribute, like this:
<div class="fixfloat" style="float:left;"></div>
$showadsense1
<div class="showawpcpadpage">
<div class="awpcp-subtitle">More Information</div>
$addetails
</div>
Otherwise, the HTML parser doesn’t know how to interpret that. A class is a set of CSS instructions that get attached to the element. Adding CSS in the class name won’t work like you had.
But the way you have that, it probably WON’T work, because you need the wrapper DIV around the AdSense block to float, not just the DIV adjacent to it. You may have to restructure the HTML a bit to get exactly what you want.
Thank you. That helped.
Just a little thing left. Is there a way to remove the grey surface that is surrounding the adsense ad ?
The color of the ad unit itself is something you control inside of Google, or you can override the styles if you want using CSS. I’d suggest the former, since that will likely be easier.
I was actually talking about the thick grey space that is wraping the google adsense. The thick grey space OUTSIDE adsense.
Not sure I understand what you mean in that case. Can you post a screenshot? Use http://imageshack.us if you have to.
Here is a screenshot.
http://imagizer.imageshack.us/a/img905/9665/OnL1CK.jpg
There is a grey space too with the images posted by the users.
I would try using Firebug to see the source of that in the output HTML–it could be a class in AWPCP, it could be something else, not sure without seeing it directly. Most likely, you can style it with custom CSS. Here is an article about how to use custom CSS with AWPCP in a way that doesn’t get overwritten on upgrade of AWPCP: http://awpcp.com/forum/faq/how-to-use-custom-styles-with-awpcp/
I tried firebug and it seems like it’s a class (img_class=”img_ad”) but also a div (div id=”adunit” and div id=”ads”) so I don’t really know. I tried some changes in the css files but nothing worked. 🙁
We would need to see the ad in question directly to provide any further guidance on that. Can you please post it?
