[Support request] Skyscraper ads

[Asa]

Hi is there a way to edit the layout to accommodate a dynamic skyscraper sized ad to appear on each side of the content, whilst remaining within the grid-container width?

I am using Google DFP to serve ads into the theme and would like to do it as cleanly as possible.

Specifically, one ad before #primary and the other after #right-sidebar..

Any help would be much appreciated!

[Tom]

Hi there,

Have you tried GP Hooks? You can place the ad code into the hooks and it will appear throughout the template.

Let me know 🙂

[Asa]

Hi Tom, thanks for the fast reply.

Yes I have tried the hooks feature. The first skyscraper appears nicely if i float it left inside the ‘Inside Content Container’ hook however my second skyscraper is stuck underneath the sidebar if i place it in the ‘After Right Sidebar Content’ hook.

How do I get it to sit beside/to the right of the sidebar?

[Tom]

Any examples of what you’re trying to do? Are you trying to float the ad next to the side outside of the website container?

[Asa]

yes, i’d like to emulate something similar this skyscaper example here

Although, my skyscraper ads will be under the header alongside my content

[Tom]

Hmm, I don’t really suggest doing that as it’s not mobile friendly at all, but you can do something like this in the “Inside Content Container” hook:

<div style="position:absolute;right:-50px;top:0;">
    Ad in here
</div>

Just change the 50px to the width of your ad.

[Author]

Posts