How to place Ad Codes in Left and Right Hand Side Gutter Space

Posted in: Newspaper
Post count: 104

Hello,

I have Newspaper Theme v6.5 installed on my website.

URL – https://www.naukrinama.com

I want to place Ads into the left and right hand side gutter space on my website and it should only be visible on Desktop sites.

Screenshot – http://imgur.com/dqIHlL0

Please let me know how can this be achieved. I din’t find any option in the Ads section in the Theme Panel to place the Ad Codes

Post count: 22421

Hello,
Unfortunately the theme has no such options/ads You will have to either use a plugin that could have this feature, or hard-code the ads in. You can use simple html to add content into the theme files and css to position the ads and hide them on other viewports. For this you will have to edit quite a few theme files so your ads will appear everywhere on the site.(post templates, category templates, page templates, 404 page, search page…etc.)
Thank you!

Post count: 104

Hello Bogdan,

Thanks for your revert !

Can you just tell me the files in which I have to make the changes. I am ok hardcoding the codes. I am using Google DFP to get my codes placed. I was searching across the forum and found this link :

https://forum.tagdiv.com/topic/several-config-questions/

The person here also wanted a similar kind of a functionality. I want the Ad to come from the top of the site. In his site it is coming below the menu. As mentioned in this link I tried placing the codes in header.php but it din’t worked. Please let me know how can this be achieved.

Also in the advanced CSS section there is just the Desktop, Tablet, and Mobile devices option. Suppose if I want to restrict my ads to display only on devices having width more than 1024px then how can that be achieved.

Post count: 22421

Hello,

The theme only offers the ad spots from the theme panel. Please understand that any other ad placement you want will have to be made custom and coding skills will be required. For the standard ads from the panel, there are options to hide ads on particular viewports: http://screencast.com/t/iICtxBzkK
If you want to place ads besides the website you need to add them in header.php and then use css to position them with a (fixed position) and hide them for tablet portrait and mobile using media queries.
For example:
You can use a do_shortcode function to add your banner to the site. You can use one of the custom ad spots for it: http://screencast.com/t/XPYCo8hdzn
Then you can target it with css for positioning:
.td-a-rec-id-custom_ad_1{
position:fixed!important;
left:0;
top:300px;
z-index:99999
}

You can repeat this fort the right side ad.

Hope this helps.
Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.