Hi!
Tell me, why move the banners to the left (sidebar) and up (header)?
Default
https://www.dropbox.com/s/qwnwaa1su7azaz8/default.png?dl=0
With banners
https://www.dropbox.com/s/vc35y7gtnc9m8t1/banners.png?dl=0
Sidebar ad code
<iframe scrolling='no' frameBorder='0' style='padding:0px; margin:0px; border:0px;border-style:none;border-style:none; ' width='300' height='250' src="http://wlpinnaclesports.adsrv.eacdn.com/I.ashx?btag=a_1048b_8575c_&affid=4793&siteid=1048&adid=8575&c=" ></iframe>
Hi,
Theme ads system is designed to work with adsense code. For non adsense code we recommend to use these divs – https://forum.tagdiv.com/ads-system-full-guide/ but your ad will not be resized for each screen device if is not responsive. Like image banner you will need to add an ad with specific size. Those div have a specific css that it is applied on classes(margins) – http://screencast.com/t/RuLRjArE5t1 – http://screencast.com/t/qtN6d6p8LPFy
Also you can add your script/iframe in a div and add your own class – http://screencast.com/t/LbQruyoI and use css to center it – http://screencast.com/t/rrJEPiDGQXr6
Please note that your ads have an fixed size and will be not resized on tablets or mobiles – http://screencast.com/t/bE7RPeYPx8 – http://screencast.com/t/3ptkLr7eZZK
Thanks!
Thanks!
Header Ad – OK!
But Sidebar Ad not displayed((
I did everything you said:
Sidebar ad
<div class="sidead"
<iframe scrolling='no' frameBorder='0' style='padding:0px; margin:0px; border:0px;border-style:none;border-style:none; ' width='300' height='250' src="http://wlpinnaclesports.adsrv.eacdn.com/I.ashx?btag=a_1048b_8575c_&affid=4793&siteid=1048&adid=8575&c=" ></iframe>
</div>
Custom CSS
.sidead {
margin-left: auto;
margin-right: auto;
display: table;
}What could be wrong?
Site: ultimatefighting.ru
Hi,
You did not close div tag > <div class="sidead", it has to be <div class="sidead">.
You can also use divs from documentation(like you have used for header ad) and display it on specific devices, so if you want to be displayed only on desktop use:
<div class="td-visible-desktop">
your code
</div>And you don’t have to make any css adjustments(it will be centered automatically) – http://screencast.com/t/eD04od5df
Hope this helps!
