One of the first things we notice after inserting ads into our site content is that it is appearing too close to the site text and is making the site look bad.
This was one of the main concern from me while inserting ad above the post content or in the middle of it.
What I use to do was insert the ad manually into the template and enclose the ad code in a DIV and then style the DIV using CSS from the theme style sheet.
I often experiments with ad position and this was proving a highly time consuming and inefficient method.
With Wp-Insert you can style each individual ad block the way you want it.
I shall now create a margin of 10 pixels around the ad at the top of my post. This process can be repeated for sidebar ads, template ads and other in post ad types too.
Towards the bottom of the box you can see the “Ad Box CSS Styler” section which simply lets you add CSS style to the ad.
Here Wp-Insert automatically assign the style values “margin: 5px;padding: 0px;” and these values are perfect fit with most themes out there. but you never know when you need to do that tiny bit of tweaking!
So I am going to assing a margin of 10px around the ad to make more space between the post and the ad content.
Click save and you have successfully increased the margin around the ads. In case you want a border around the ad type “border: 1px solid #000;” after the “margin: 10px;” part, Essentially the styles accepts all css styles so its pretty much your imagination at work here.
Thats it. Share your views and ideas on how to improve this feature with us.
Related posts: